css - 背景不随窗口调整大小

Question

我正在使用 blogger，最近将这个 cc 代码插入到模板设计器的高级部分以输入背景图像

body { 
    background: url(http://img854.imageshack.us/img854/9854/ied6.jpg) no-repeat;
    background-attachment:fixed;
    background-color: none;
}
.body-fauxcolumn-outer div {
    background: none !important;
}

问题是，当浏览器窗口调整大小时，背景保持不变，但页面上的所有小部件/元素都会随着窗口调整大小。

参见 www.ashlylondon.blogspot.com

我需要背景随小部件一起调整大小，以便它们留在背景图像的白色区域中。

Answer 1

您非常依赖背景调整大小，没有它您的布局将无法工作。这并不理想。处理这种情况的典型方法是:

• 拥有覆盖整个屏幕的背景图片

• 给出 <div>包含实际内容的元素 a background-color: white属性(property)。

• 您仍然可以使用 background-size将背景图像缩放到屏幕大小，但它不再是布局正常工作的必需。

这将确保您的内容无论如何始终可读；它会在哪里工作 background-size不会，例如在旧版浏览器和一些移动设备中。