css - 菜单在 IE8 中不可见

Question

我对这个网站有疑问：http: //paulverhaeghe.psychoanalysis.be 在每个浏览器中，菜单都按预期显示，但在 WindowsXP 上的 ie8 中菜单不可见。我已经更改了 z-index 但没有区别。

我已经看了一千遍，但找不到任何东西。也许你有更清晰的愿景。

欢迎任何帮助！

提前致谢。

问候，

蒂姆

Answer 1

好的，我解决了。真是愚蠢。我的一个 div 被放置在另一个样式表中（skin.css 用于 javascript 轮播）（dreamweaver 在设计模式中工作时有时会使用另一个样式表）。可能 ie8 没有选择这行代码：“display: block; position: absolute;”。“干净编码”重要性的另一个例子:)。道格拉斯，谢谢你的帮助！

Answer 2

我想在几个不同的浏览器中查看后我可能会有一个想法。

我在您的 CSS 中注意到您使用了“不透明度”。这不是跨浏览器解决方案。

IE 兼容性说明

如果您希望 opacity 在所有 IE 版本中都有效，则顺序应为：

.opaque {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
    filter: alpha(opacity=50);                  // second!
}

来自：http ://www.quirksmode.org/css/opacity.html

还可以尝试其他一些事情：

.opaque1 {  // for all other browsers
    opacity: .5;
}

.opaque2 {  // for IE5-7
    filter: alpha(opacity=50);
}

.opaque3 {  // for IE8
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}