css - IE 8 透明 div 顶部有内容

Question

大家好，我目前在 IE < 9 和透明度渲染方面遇到了一些问题。我有一个透明的 div 和一些文字。它在 Firefox Chrome 和 IE 9 中看起来不错。但是，旧版本的 IE 不会像其他浏览器那样呈现文本。它是可读的，但是字母的边缘有一些奇怪的混叠......

这是网站 -->http://jmia-js.saude.azores.gov.pt

例如，如果您使用 IE8 访问它，您就会明白我的意思。或者你甚至可以使用 IE 网络渲染器在 IE8 浏览器中渲染站点。

有谁知道如何解决这个小错误？非常感谢！

Answer 1

看起来问题是由您用来在 IE 中获得透明度的 CSS 过滤器属性引起的。尝试使用透明 PNG 作为背景，您的类型应该正确抗锯齿。

Answer 2

旧版本的 IE 有另一种读取不透明度的方法。尝试添加这一行：

.opaque {
    opacity: 1;
    filter: alpha(opacity = 100);
}