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

时间:2011-12-26 16:31:53

标签: css internet-explorer filter

如何在图像上应用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不透明度...相同的结果。 : - )

2 个答案:

答案 0 :(得分:1)

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

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

请务必使用zoom:1

激活hasLayout

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

我可以看到它是一个旧帖子,但可能会帮助其他有相同问题并且谷歌这个问题的人。

答案 1 :(得分:0)

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