css - IE 在图像 AlphaImageLoader 和 alpha(opacity=60) 上应用 2 个过滤器

Question

如何在图像上应用 2 个滤镜，我这样应用一个:

<img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');" src="images/myimage.png">

如何申请

filter:alpha(opacity=60);

还有？如果我这样做:

<img id="theId" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale');alpha(opacity=60);" src="images/myimage.png">

它不起作用。

我找到了一个适用于所有 IE(7+) 和浏览器的解决方案:将 img 放在一个 div 中并对 div 应用透明度:

<div id="DIVIMG_myimage" style="opacity:0.6;width:100%;filter:alpha(opacity=60);"><img id="IMG_share_icon" width=20 height=21 style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png', sizingMethod='scale') ;" src="myimage.png"></div>

然后要更改图像不透明度，只需更改 div DIVIMG_myimage 不透明度...相同的结果。 :-)

Answer 1

问题在于;两个过滤器之间的分隔符。过滤器仅由空格符号分隔:

filter:
    progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png', sizingMethod='scale')
    alpha(opacity = 60);

一定要激活hasLayout with zoom:1

此外，alphaImageLoader 上的图像路径应具有绝对路径。

我可以看到这是一篇旧帖子，但可能会帮助其他有同样问题的人并用谷歌搜索这个问题。