获取背景图片来调整页面大小

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

2012-07-01 BIOS

试试这个插件['bgstretcher']（http://www.ajaxblender.com/bgstretcher-2-jquery-stretch-background-plugin-updated.html） – undefined

这个插件作用于一个img标签（而不是比使用背景图像和背景大小）并且似乎支持IE7。 –

如果使用CSS3 is'nt一个问题：

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

2012-07-01 16:11:41 adeneo

它必须在IE7上工作:( – BIOS

然后你可能必须将bakground设置为一个独立的img元素，而不是在CSS中，并将其大小设置为100％，这在大多数浏览器中都可以使用。 – adeneo

我不是能够让上面的代码在独立网页上的FF或Chrome上工作（还没有尝试过它），但以下工作：'$（'body'）.css（{'backgroundSize'：$（document ）.width（）+'px'+ $（document）.height（）+'px'}）;' –

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

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

这维持的长宽比图像，所以图像不一定会覆盖整个页面的宽度。

2012-07-01 16:14:19

不幸的是它必须在IE7上工作:( – BIOS

回答