css - IE8 截掉背景图片

Question

我有以下代码:

#background-cover {
    width: 100%;
    height: 100%;
    padding: 0px 0px 20px 0px;
    background: url('background.jpg') no-repeat top left scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale'); zoom: 1;
}

用法:

<div id="background-cover">
    <div id="container">
        <p>Content Here</p>
    </div>
</div>

这在 chrome、ie9+、firefox 等中工作得很好。但在 ie8 中抛出一个小问题，它似乎没有延伸到窗口的底部 - 它看起来只加载图像的实际尺寸.有什么办法吗？

background.jpg 和css文件在同一个文件夹下

由于工作相关，我无法发布链接，但非常感谢您的帮助

Answer 1

尝试使用MaxImage2图书馆。

MaxImage2 适用于所有现代浏览器，甚至适用于 IE 7.0 版本。