2014-10-29 54 views
0

为了实现IE8图像不透明度,我使用了下面的CSS属性:-MS-过滤透明度CSS属性产生难看的结果

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

然而,resulting image包含难看的图像。这是IE8渲染引擎的属性吗?有没有任何基于CSS的解决方法?

+0

是否只是用“'过滤器:APLHA(30);'无法胜任作为好? (我想知道它是否有什么区别,但是这不应该成为问题......) – somethinghere 2014-10-29 11:34:49

+0

是你的PNG 24位吗?尝试在显示图像的元素上设置非透明背景颜色。 – 2014-10-29 11:48:45

+0

某处:只产生工件而不实际改变不透明度。 – prasopes 2014-10-29 13:43:17

回答

0

您是否尝试过通过CSS定位图像并仅添加opacity?它应该由all browsers now

覆盖例如:

<div class="imgtarget"> 
    <img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg"/> 
</div> 

CSS

div.imgtarget img { 
    opacity: 0.3; 
} 

JSFiddle

+0

不幸的是,它必须使用IE8。 – prasopes 2014-10-29 13:28:07

+0

对不起,完全错过了那部分:( – Rvervuurt 2014-10-30 12:50:42