0

我已经为一个问题苦苦挣扎了好几天,但都没有成功。所以,我在这里再次请求您的帮助。

问题:在这个网站上,我有一个由jQuery Infinite Carousel Plugin提供支持的幻灯片。我已经添加background-size: auto 100%; 到缩略图 div 中(出于显而易见的原因),但是 IE8 不理解这个 CSS 片段,并且如下所示。

我的问题:是否有旧的浏览器兼容的替代方案background-size?有黑客吗?

谢谢!

4

1 回答 1

0

你在找这个吗?

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/

于 2012-11-27T13:14:28.807 回答