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

Question

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

score 1 · Accepted Answer

如果使用 CSS3 不是问题：

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

score 0 · Accepted Answer

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

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

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

2 回答 2