IE8 :after, :before opacity bug

Question

在Internet Explorer 8中，伪元素似乎不支持不透明度：

例：

# div:after  {
   content: '';
   background: red url('pattern.png') no-repeat left top;
   position: absolute;
   top: 0;
   left: 0;
   height: 300px;
   width: 300px;
   opacity: 0.10;
   filter: alpha(opacity=10);
}

有没有人知道我如何解决这个问题，所以我的不透明度为 0.10。

Answer 1

filter属性仅适用于IE5-7，要支持IE8中的不透明度，您必须使用以下属性：

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

请参阅跨浏览器不透明度的"CSS-Tricks"中有关此代码片段的完整参考。