如何使背景尺寸在IE中工作？

Question

如何使背景尺寸在IE中工作？是否有任何已知的方法可以使css样式background-size在IE工作？

Answer 1

有点晚了，但这也可能是有用的。有一个IE过滤器，用于IE 5.5+，您可以应用该过滤器：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.gif',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

但是，这会缩放整个图像以适应所分配的区域，所以如果您使用的是sprite，这可能会导致问题。

规格：AlphaImageLoader过滤器@microsoft

Answer 2

我创造了jquery.背景Size.js：一个1.5K的jQuery插件，它可以作为IE8作为“掩护”和“包含”值的后盾。看一下演示.

Answer 3

感谢这篇文章，我获得跨浏览器快乐的完整CSS是：

<style>
    .backgroundpic {
        background-image: url('img/home.jpg');
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='img/home.jpg',
        sizingMethod='scale');
    }</style>

我已经很久没有编写这段代码了，但是为了获得更多的浏览器兼容性，我将它添加到我的CSS中以获得更多的浏览器兼容性：

-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;