IE在图像AlphaImageLoader和alpha(不透明度=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">

如何应用

过滤器:α(不透明度= 60);

as well ?如果我这样做:

<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);

一定要激活带有zoom:1的hasLayout

alphaImageLoader上的图像路径也应该有绝对路径。

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

Answer 2

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/myimage.png'， sizingMethod='scale');滤镜:alpha(不透明度= 60);