css - IE8透明PNG问题

Question

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

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

我知道可以通过添加 background-color 属性来解决这个问题。

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

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

但没有帮助。

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