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

也是？如果我这样做：

<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并将transparancy应用于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'）; filter：alpha（opacity = 60）;

IE在图像AlphaImageLoader和alpha上应用2个过滤器（不透明度= 60）

2 个答案: