如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕，不会因为分辨率的问题而显示不出来
kuaidi.ping-jia.net 作者：佚名 更新日期：2024-07-28
css 如何让图片全屏的问题
然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
只有CSS3支持这种用法。
background:url(ss.jpg) center no-repeat;
background-size:cover;
不过这样一来，IE9及以下版本的浏览器都不支持；
所以，实现兼容确实不易，另外我也见过有人使用IE的filter滤镜实现过，下面这个地址：
htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html（去掉空格）
这篇文章就是介绍这个的，不过这样一来，性能、兼容等都是大问题。
background-image:url("背景URL");
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;
尽量大点 的图。。
background-repeat:no-repeat;
background-size:cover;
如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕,不会因为分辨 ...
答：background-repeat: no-repeat; /* 不平铺 */ 然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
如何让网页背景图不动?
答：在css文件中添加样式代码：body{ background-image: url(背景图片的地址);background-repeat: no-repeat;background-position:50% 50% ;background-size:50% 50%;} background-repeat: no-repeat;表示背景图片不平铺。background-position:50% 50% ;表示背景图片居中显示。background-size:50% 50%...
CSS中整样才能把网站背景图片多余的隐藏起来?
答：可以通过设置宽度来实现隐藏多余的图片，但是不建议这样做。1、开发网站过程中需要使用的图片都是美工提前处理，遇到不合适的需要使用Photoshop进行裁剪操作，不适合使用代码来处理图片。2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便，另外也影响占用带宽。
如何让网页背景图片不重复显示?
答：现在一般都用css设定了，比如在一个div下设背景图片切不让其重复，则可设一个样式，比如：.nobgrepeat{background:url(背景图片地址) left top no-repeat;} （这个样式可以直接放在网页文件head标签对的标签对中，然后在调用时直接用，也可以另外放在单独的css文件中）left：直接用left代表背景图片靠到...
css设置背景图片不显示问题
答：3、第一步，执行完上面的操作之后，设置背景图片样式，在右边的标记之后创建一个标记，然后在该标记中设置标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤。4、第一步，执行完上面的操作之后，保存html代码，使用浏览器将其打开，这时，滚动浏览器滚动条，发现背景图像与浏览器滚动条的滚...
css如何设置网页背景图片css如何设置网页背景图片
答：二、在body>标签里添加文件路径，语法如下：bodybackground="文件路径"> 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。三、在body>里添加样式，代码如下：你看，背景就充满页面了。html如何设置两种颜色的背景色 如果是单纯的设置背景色(background-color)的话，你这个想法是实现不了。如果...
css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动...
答：background-attachment: 々々; ( 请自行带入 )scroll: 背景图片随着页面滚动而滚动 fixed: 背景图片不会随着页面滚动而滚动 local: 背景图片会随着元素内容滚动而滚动 initial: 跟随默认值 inherit: 继承父级样式
在css\table中怎么禁止网站背景另存为,只针对背景
答： 给a1设置你真实的背景图片，给a2设置一个空白的gif透明图片。这种情况需要a1跟a2的大小是一样的 其实就是一个欺骗，当用户另存背景的时候存到的是a2设置的那个空白的gif图片。或是将目标的右键给屏敝掉：
怎么设置网页的背景图片?
答：可以通过给body加background-image的样式进行设置背景图片 如何设置网页背景？1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html 的文件。定义一下html文件的主信息：2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：3、最后来到浏览器，刷新一下...
如何使网页的背景图片不随着滚动条移动 使背景图片固定?(要程式码...
答：找到“自定义模板”→“开始自定义”→再把其中的“背景图片”设定为“无背景图”，这样背景图图才会显示出来。如何使用CSS使网页背景图片延伸 背景色渐变两种方法： 1,做一个竖的细条gif,颜色从上到下渐变.以此作背景图.背景图片的颜色无法无限延伸,因为gif长度有限； 2,css滤镜做背景色渐变如下,...
css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。
如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
具体解决方法如下：
1、创建以下目录结构的测试页面。
2、将测试图片显示在浏览器界面上，效果如下。
3、通过CSS设置背景图片，默认效果如下，图片被自动重复以铺满窗口。
4、通过CSS设置背景图片不重复，此时，图片将不能铺满窗口。
5、通过CSS设置图片大小100%，效果如下，图片铺满窗口。
6、通过CSS设置图片大小cover，效果如下，图片铺满窗口。
{background:#fff url(../images/bg.jpg) no-repeat center 0;}
background-repeat: no-repeat; /* 不平铺 */然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
只有CSS3支持这种用法。
background:url(ss.jpg) center no-repeat;
background-size:cover;
不过这样一来，IE9及以下版本的浏览器都不支持；
所以，实现兼容确实不易，另外我也见过有人使用IE的filter滤镜实现过，下面这个地址：
htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html（去掉空格）
这篇文章就是介绍这个的，不过这样一来，性能、兼容等都是大问题。
background-image:url("背景URL");
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;
尽量大点 的图。。
html, body {height:100%;}
body { background : url(背景图片地址) no-repeat 0 0 / 100% 100%; }
background-repeat:no-repeat;
background-size:cover;
答：background-repeat: no-repeat; /* 不平铺 */ 然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。
答：在css文件中添加样式代码：body{ background-image: url(背景图片的地址);background-repeat: no-repeat;background-position:50% 50% ;background-size:50% 50%;} background-repeat: no-repeat;表示背景图片不平铺。background-position:50% 50% ;表示背景图片居中显示。background-size:50% 50%...
答：可以通过设置宽度来实现隐藏多余的图片，但是不建议这样做。1、开发网站过程中需要使用的图片都是美工提前处理，遇到不合适的需要使用Photoshop进行裁剪操作，不适合使用代码来处理图片。2、过大或者不合适的图片容易造成浏览器的兼容问题或者维护不便，另外也影响占用带宽。
答：现在一般都用css设定了，比如在一个div下设背景图片切不让其重复，则可设一个样式，比如：.nobgrepeat{background:url(背景图片地址) left top no-repeat;} （这个样式可以直接放在网页文件head标签对的标签对中，然后在调用时直接用，也可以另外放在单独的css文件中）left：直接用left代表背景图片靠到...
答：3、第一步，执行完上面的操作之后，设置背景图片样式，在右边的标记之后创建一个标记，然后在该标记中设置标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤。4、第一步，执行完上面的操作之后，保存html代码，使用浏览器将其打开，这时，滚动浏览器滚动条，发现背景图像与浏览器滚动条的滚...
答：二、在body>标签里添加文件路径，语法如下：bodybackground="文件路径"> 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。三、在body>里添加样式，代码如下：你看，背景就充满页面了。html如何设置两种颜色的背景色 如果是单纯的设置背景色(background-color)的话，你这个想法是实现不了。如果...
答：background-attachment: 々々; ( 请自行带入 )scroll: 背景图片随着页面滚动而滚动 fixed: 背景图片不会随着页面滚动而滚动 local: 背景图片会随着元素内容滚动而滚动 initial: 跟随默认值 inherit: 继承父级样式
答： 给a1设置你真实的背景图片，给a2设置一个空白的gif透明图片。这种情况需要a1跟a2的大小是一样的 其实就是一个欺骗，当用户另存背景的时候存到的是a2设置的那个空白的gif图片。或是将目标的右键给屏敝掉：
答：可以通过给body加background-image的样式进行设置背景图片 如何设置网页背景？1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html 的文件。定义一下html文件的主信息：2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：3、最后来到浏览器，刷新一下...
答：找到“自定义模板”→“开始自定义”→再把其中的“背景图片”设定为“无背景图”，这样背景图图才会显示出来。如何使用CSS使网页背景图片延伸 背景色渐变两种方法： 1,做一个竖的细条gif,颜色从上到下渐变.以此作背景图.背景图片的颜色无法无限延伸,因为gif长度有限； 2,css滤镜做背景色渐变如下,...
