Css IE8:之后,:之前不透明度错误
在Internet Explorer 8中,伪元素似乎不支持不透明度: 例如:Css IE8:之后,:之前不透明度错误,css,internet-explorer-8,opacity,pseudo-element,Css,Internet Explorer 8,Opacity,Pseudo Element,在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(opaci
# 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的模式。过滤器属性仅适用于IE5-7,要支持IE8中的不透明度,您必须使用以下选项:
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
请参阅有关这方面的完整参考。IE8根本不支持
不透明度。这不仅仅是一个伪元素问题,这是真的。但通过“过滤器”选项,您可以。。但这仍然不起作用。过滤器:alpha(不透明度=50)也不起作用。现在哈希和元素选择器(#div
)之间有一个空格。这与代码对应吗?让我们缩小范围:请检查文档的Doctype是否没有将IE8呈现为IE7(可以在“文档模式”下的开发人员工具中看到),因为IE7缺少对伪元素的支持,而IE8非常兼容(很少有小错误,应该不会影响这一点).空间不是问题。当我提交问题时,它改变了它。文档模式:IE8标准。使用IE9内置工具检查IE7 en IE8中的网站。没错。即使使用-ms过滤器:(等…)也不起作用。我用过滤器什么都试过了。我认为问题在于它是一个伪元素。有没有办法用Javascript实现这一点?您是否考虑订购?如果您同时添加过滤器
和-ms过滤器
,则应先显示后者。是的,我正在考虑订单。我已经测试了所有可能的方法。这不是代码中的错误或类似的错误。我需要一个javascript的变通方法。