获取背景图像以调整页面大小

Question

我正在寻找一种方法来将背景图像调整为页面大小（注意：不仅仅是浏览器窗口大小）。例如，说页面加载，页面高度需要滚动。有没有办法调整背景图像的大小，同时考虑到屏幕可见部分下面的内容？

Answer 1

如果使用CSS3不是问题：

$('body').css('background-size', document.width+'px '+document.height+'px');​

Fiddle

Answer 2

如果您不需要IE8或更早版本的支持：

body {
    background: url(image.jpg) no-repeat 0 0;
    background-size: auto 100%;
}

这样可以保持图像的纵横比，因此图像不一定会覆盖整个页面宽度。