我正在尝试在我的页面上显示透明的PNG作为背景图像(实际上是自举图像)。
现在我希望以较低的不透明度显示它。但它没有正确显示(在图像周围显示一些边缘)
我知道可以通过添加background-color属性来修复它。
但还有其他方法可以修复它。我尝试过各种Microsoft过滤器属性...... 像
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
opacity: 0.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;
}