如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕，不会因为分辨率的问题而显示不出来

Question

如题所述

Answer 1

background-repeat: no-repeat; /* 不平铺 */

然后是铺满容器的问题，如果忽略IE内核的浏览器，用css3属性background-size: 100%;轻松解决，要兼容的话可以设一个背景层放在容器的下方，背景层里面放你的背景图片，宽高设为跟容器一样，然后把容器的背景设为透明即可。

Answer 2

只有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（去掉空格）

这篇文章就是介绍这个的，不过这样一来，性能、兼容等都是大问题。本回答被网友采纳

Answer 3

background-image:url("背景URL");
background-position:50% 50%;
background-repeat :no-repeat;
background-attachment:fixed;

尽量大点 的图。。

Answer 4

html, body {height:100%;}
body { background : url(背景图片地址) no-repeat 0 0 / 100% 100%; }

Answer 5

background-repeat:no-repeat;
background-size:cover;