过滤器: progid:DXImageTransform.Microsoft.AlphaImageLoader

Question

我正在写一些css，需要background-size: 100% 100%。

不幸的是，由于这是一个css3属性，因此在IE8及更低版本中不支持它。然而，我读到了一次黑客攻击，我尝试过使用下面的方法：

#submit{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true' 
src='/images/btn.png', sizingMethod='scale'); 

  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true' 
src='/images/btn.png', sizingMethod='scale')"; 

  background: url('/images/btn.png') no-repeat;
  background-size: 100% 100%;
}

#submit是提交按钮的id。

不幸的是，这似乎不是工作。有什么解决方案吗？

Answer 1

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

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

这将使其缩放到整个页面的大小。但没有真正的协议来确保背景大小在IE中工作。即使在MSDN文档中也是这样描述的。

• http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#color

顺便说一句:这可能是How do I make background-size work in IE?的复制品

Answer 2

最好的方法是完全避免AlphaImageLoader，而使用优雅地降级的PNG8，这在IE中是很好的。如果你绝对需要AlphaImageLoader，使用下划线黑客_filter as不会惩罚你的IE7+用户。请查看此链接以供参考。https://developer.yahoo.com/performance/rules.html#no_filters=