IE8透明PNG问题答案

【问题标题】：IE8 Transparent PNG issueIE8透明PNG问题
【发布时间】：2013-08-14 18:07:15
【问题描述】：

我正在尝试在我的页面上显示一个透明的 PNG 作为背景图像（实际上是引导图像）。

现在我想以较低的不透明度显示它。但它显示不正确（显示在图像周围有一些边缘）

我知道可以通过添加背景颜色属性来修复它。

但是有没有其他方法可以解决它。我尝试了各种 Microsoft 过滤器属性... 喜欢

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;

但无济于事。

【问题讨论】：

IE7 和 IE8 支持透明的PNG。 IE6 和更早的时候不是。你的filer 在IE8 中工作正常。
我们是否应该假设它在其他浏览器中正确显示？
它适用于除 IE8 之外的所有版本
PNG Transparency Problems in IE8 的可能重复项

标签： css internet-explorer-8 png

【解决方案1】：

请改用此代码。记住它应该是相同的顺序！

LIVE DEMO (WORKS EVEN FOR IE6)

.box:hover
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -webkit-opacity: 0.1;
    opacity: 0.1;
}

【讨论】：