Question

通常IE不支持CSS3 background-size，我正在寻找解决方法。

我尝试将图像放在页面上作为设置CSS的第一件事，例如：

#bg_stretch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
}

明智地工作得很好，但添加height: 100%不起作用，因此它覆盖了页面的长度。

Answer 1

你在找这个吗？

http://jsfiddle.net/VMzFB/

<强> CSS：

#stretch {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;

    /* only ie7 needs this */
    height: 100%;
}
#stretch img {
    width: 100%;
    height: 100%;
    display: block
}

<强> HTML：

<div id="stretch">
    <img src="http://dummyimage.com/256x256/f0f/fff" />
</div>

如果那不太正确，请看这里的想法：

http://css-tricks.com/3458-perfect-full-page-background-image/

Answer 2

尝试将bottom:0;添加到该CSS规则。

背景大小的替代品？

2 个答案: