IE 8 透明 div 顶部有内容答案

【问题标题】：IE 8 transparent div with content on topIE 8 透明 div 顶部有内容
【发布时间】：2011-08-14 21:11:01
【问题描述】：

大家好我目前在 IE

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

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

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

【问题讨论】：

我尝试使用 IE 9、8 和 7...我找不到问题...您能更具体地了解有问题的块吗？
文本 XXXVII 和下面的文本，在 IE8 和 7 中看起来很奇怪。我只是用 IE6 厌倦了它，看起来还不错，虽然页面没有 100% 正确呈现，但这是另一个问题

【解决方案1】：

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

【讨论】：

好主意。我会尽快尝试。你知道这个解决方案是否适用于大多数浏览器？谢谢！
Renato，PNG 应该适用于 IE7+、Firefox、Safari、Chrome、Opera 等。IE6 不支持具有完整 alpha 的 PNG-24，因此在这种情况下您需要例外。

【解决方案2】：

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

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

【讨论】：

我已经使用了这种方法。透明 div 的代码是：.transparent{ /* Good browsers */ opacity: 0.6; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=60); /* Netscape */ -moz-opacity: 0.6; /* Safari 1.x */ -khtml-opacity: 0.6; } 编辑：我不知道如何正确显示代码....大声笑