IE8：之后，：不透明度之前的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)";

查看此code snippet from 'CSS-Tricks' on cross browser opacity的完整参考资料。