Question

我有一个我正在制作的网站，需要一个背景调整器。目前，我使用Supersized这样的网站。但这个网站是独一无二的。 Supersized的问题在于它总是调整到全屏，并且是固定的背景。

我正在制作一张可以调整浏览器大小的背景图片，但不一定会填充它。

例如，如果我有600px x 600px的图片，我希望它在浏览器宽1200px到现在为1200px x1200px的网站上调整大小。即使网站的高度是1800px（滚动）。并且它保持在页面的顶部（绝对定位，而不是固定）。因此，网站的高度为1200px，而网站底部的剩余600px将是身体背景样式设置的任何高度。

这可能吗？

Answer 1

我相信你要找的是css3属性background-size。假设您要将背景图像设置为div，则需要将div的宽度和背景大小设置为100％，并将背景图像设置为不重复：

#background_image {
    width: 100%;
    background: url('path/to/image.jpg') no-repeat red;
    background-size: 100%;
}

看看：http://jsfiddle.net/PgnvQ/

背景调整大小到浏览器，不固定

1 个答案: