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版。

IE8切断背景图像

1 个答案: