IE中的PNG：为部分透明的img切换不透明度？

IE的

filter

风格简直糟透了。它的确允许浏览器执行一些本应超出其范围的技巧，但它是非标准的，并且存在一些主要问题。 我无法确定是否没有完整的CSS，但在我看来，您似乎已经被ѭ2最大的“奇怪”怪癖之一迷住了： 如果需要指定多个过滤器，则必须一起指定它们。如果您分别指定它们（如您在示例中所做的那样），则第二个

filter

会覆盖第一个

filter

，即使它们实际上执行的动作完全不同。实际上，这与CSS样式表的一般工作方式一致，但是由于

filter

可以执行的操作范围，这是违反直觉的。 您可以用单个

filter

样式指定多个过滤器，并以空格分隔。 请参阅此处以获取参考：http://msdn.microsoft.com/zh-cn/library/ms532847%28v=vs.85%29.aspx 如果您希望样式表上的不同类名触发不同的效果，则这种方法的问题很明显-因为无法将来自不同来源的过滤器组合到同一元素中。 可能引起您注意的另一个大陷阱是，由于冒号，使用

progid:

语法编写的过滤器实际上是无效的CSS，它的严重程度足以导致某些非IE浏览器在整个样式表上阻塞。对于IE6和IE7，对于IE6和IE7，或者对于IE8，使用速写语法（如第一个示例中的

alpha()

过滤器），可以使用较长的语法将整个内容括在引号中来防止这种情况。 这是一个例子：

-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=50) progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'../images/translucent_effect.png\', sizing Method=\'scale\');\"

希望能有所帮助。