IE8透明PNG问题

时间:2013-08-13 08:05:30

标签: css internet-explorer-8 png

我正在尝试在我的页面上显示透明的PNG作为背景图像(实际上是自举图像)。

现在我希望以较低的不透明度显示它。但它没有正确显示(在图像周围显示一些边缘)

我知道可以通过添加background-color属性来修复它。

但还有其他方法可以修复它。我尝试过各种Microsoft过滤器属性...... 像

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

但没有帮助。

1 个答案:

答案 0 :(得分:3)

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

<强> 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;
}