html - 为什么子导航隐藏在IE下的 slider 广告后面？

Question

当你的鼠标悬停在ACCESSORIES上时，子导航隐藏在IE下的 slider 广告后面，我设置了 slider 位置，z-index:99;子导航 z-index:9999; 但它不起作用。

但在 FF 和 chrome 下没问题。如何在 IE 下更正它。谢谢

Answer 1

欢迎来到社区，您在 IE7 中遇到了这个问题。

IE8、FF 和 chrome 都提供了完美的输出。你需要做的是让你的 .main-container z-index:-10 or -100 等等..尝试任何值。

将 .nav-container 和 #nav 的 z-index 设置为正值，例如 z-index:999 或 9999。试试该值并在所有浏览器中同时检查它，以便您可以确定您的 css 规则在哪里受到影响。出于测试目的，您可以在任何类或 ID 上设置 border:1px solid red;。通过使用它，您可以看到元素的边界。

有时候 IE 会以不同的方式对待职位，也请检查您的职位。您不必在 ul 或 ul 上相应地尝试 z-index 工作。有时我们也会考虑元素的父容器。如果您的布局或对齐会在其他浏览器中出现问题，您也可以使用条件语句并为特定浏览器编写特定的 css。

参见:Conditional comments