Question

关于背景图片自动适应窗口变化 css

现在的代码是这个样子的：BODY { background:#FFF url(body_bg.jpg) repeat-x;font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
我想让body_bg.jpg这张图片自动适应窗口变化，不是平铺的那种。有百度过说css没法实现，要用采用js实现，然后不懂了？是指把整个网页的代码用js写呢，还是指可以把js的代码写进css里。如果是后者要怎么做呢？

Answer 1

这个不好实现。最好是把这张背景图片的边缘跟背景模糊起来，然后背景图片涉及不到的地方用背景色弥补，如果是用js实现的话，js是不能放在css文件里的，js是单独的一个js文件，可以放在网页文件里，也可以在网页文件里调用。

Answer 2

背景图片自动适应窗口变化 css：
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
background-image:url(body_bg.jpg);
background-size:100% 100%;
height:100%;

}

Answer 3

很简单啊， 做个超大的图！！！！ 然后 在你的repeat-x后面加个 center top 也就是

BODY { background:#FFF url(body_bg.jpg) repeat-x center top;font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}

图要够大！ 做个1800宽度的图！

Answer 4

怎么自动适应窗口变化，说明白点，好不好！

追问

就是我的电脑，可能是分辨率比较高的关系，做网页的时候，背景图片必须很大才可以，而到了别人的电脑上，那张图片呢就会嫌大，只能看到一部分。我希望图片在不同的分辨率显示下， 保持背景图片始终全屏显示。应该是这么讲吧！