Question

我一直在努力解决问题，但都没有成功。所以，我在这里再次请求你的帮助。

问题：在 THIS 网站上，我有一张由jQuery Infinite Carousel Plugin提供支持的幻灯片演示。我添加了background-size: auto 100%; 到了缩略图div（出于显而易见的原因），但是IE8并没有理解这个CSS片段。

我的问题：background-size是否存在与浏览器兼容的旧版本？有黑客吗？

谢谢！

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/

替代“background-size”CSS属性

1 个答案: