css - IE8 :after, :before 不透明度错误

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”中查看此代码片段的完整参考。