IE8 中的 -ms-filter opacity CSS 属性会产生丑陋的结果答案

【问题标题】：-ms-filter opacity CSS property in IE8 produces ugly resultIE8 中的 -ms-filter opacity CSS 属性会产生丑陋的结果
【发布时间】：2014-12-25 01:53:40
【问题描述】：

为了在 IE8 中实现图像不透明度，我使用了以下 CSS 属性：

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

但是，resulting image 包含丑陋的伪像。这是 IE8 渲染引擎的属性吗？是否有任何基于 CSS 的解决方法？

【问题讨论】：

仅使用 'filter: aplha(30); 也不能解决问题吗？（我想知道它是否有任何区别，但这都不应该是问题......）
您的 PNG 是 24 位的吗？尝试在显示图像的元素上设置不透明的背景颜色。
somethinghere：只产生工件而不实际改变不透明度。
安德烈·迪翁：这是一个 32 位的 PNG。父元素已经有白色作为背景色。但是，我尝试将图像更改为 24 位 PNG，它成功了！

标签： css internet-explorer-8 opacity

【解决方案1】：

您是否尝试过通过 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

【讨论】：

对不起，完全错过了那部分:(