如何使背景尺寸在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> &nbsp;&nbsp;&nbsp;&nbsp;.backgroundpic&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-image:&nbsp;url('img/home.jpg'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-size:&nbsp;cover; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter:&nbsp;progid:DXImageTransform.Microsoft.AlphaImageLoader( &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src='img/home.jpg', &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sizingMethod='scale'); &nbsp;&nbsp;&nbsp;&nbsp;}</style>我已经很久没有编写这段代码了，但是为了获得更多的浏览器兼容性，我将它添加到我的CSS中以获得更多的浏览器兼容性：-webkit-background-size:&nbsp;cover;-moz-background-size:&nbsp;cover;-o-background-size:&nbsp;cover;background-size:&nbsp;cover;