IE 中的多个 CSS 过滤器

我只是想知道是否可以使用 CSS 在 IE 中应用两个不同的过滤器。 所以，我需要使用透明的 PNG 以及一些不透明度div。是否可以同时使用它们？

我的透明制造商线如下所示：

li.item .item-texture {
   background: none transparent scroll repeat 0% 0% !important; 
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ie/articles/item-content-hov.png', sizingMethod='scale') !important;
}

我尝试再添加一行（filter: alpha(opacity=50);) 并用逗号 (..'scale') !important, alpha(opacity=50);），但是没用。

抱歉，上面选择的答案不正确。你can在IE中应用多个过滤器，但它们需要用一个或多个空格分隔。

空格之前的逗号也可以使用，但前提是它位于右括号之后。因此 IE 4.0 过滤器不带参数，例如gray在这种情况下不起作用。最好只使用空格作为分隔符。

如果您访问上面给出的链接：http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx http://msdn.microsoft.com/en-us/library/ms532847%28v=vs.85%29.aspx，然后单击以下示例链接 http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/overview/filt_01.htm（当然，在 IE 中），您会看到旋转和模糊都应用于第二个图像。从“查看源代码”中，图像标签是：

<img id=image2 src="/workshop/samples/author/dhtml/graphics/sample.jpg" 
     style="filter:progid:DXImageTransform.Microsoft.Blur(strength=50), 
                   progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
     height="165px" width="256px" border="0" alt="ocean beach">

我已经在 IE7 和 8 中成功地模拟了框阴影的“扩散”（尽管成功取决于您认为它看起来有多可接受），使用：

filter: progid:DXImageTransform.Microsoft.Shadow(Color=#c5c1ae, Strength=10, Direction=0)
        progid:DXImageTransform.Microsoft.Shadow(Color=#c5c1ae, Strength=10, Direction=90)
        progid:DXImageTransform.Microsoft.Shadow(Color=#c5c1ae, Strength=10, Direction=180)
        progid:DXImageTransform.Microsoft.Shadow(Color=#c5c1ae, Strength=10, Direction=270);

这样阴影就会从 div 的各个方向扩散。我还在包含渐变的 div 上组合了阴影。然而，这并非没有风险。在上面的例子中，阴影有布局，你必须调整边距以适应它们的大小。此外，由于 IE 就是 IE，其中一些过滤器的组合可能会产生意想不到的后果，导致开发变通方法、放弃方法和拔掉头发。

在问题的原始示例中，如果列出多个过滤器，则前一个过滤器将被后一个过滤器覆盖，就像任何其他 CSS 属性一样。在第二个示例中，“！important”需要完全位于样式的末尾，否则整个 CSS 块都会被丢弃，因为它格式错误。 （实际上，!important 需要被完全抛弃。您需要使用它的唯一原因是，如果您正在开发第三方代码，并且需要保护您的标签免受另一个您无法控制的 !important-happy 开发人员的侵害。如果您的样式被无意中覆盖，则需要更具体的声明。）