IE7 弄乱了我的子导航的 z-index 属性（尽管我已经修复了这个问题！）

Question

好的，所以我在 IE7 中的 jQuery 子导航中遇到了这个问题，它在标题后的主要内容后面向下滚动。做了相当多的研究，发现了一个很好的修复方法，只需将 z-index 值应用于标题，并将一个 z-index 值应用于主要内容。

一切都很好。或者说我是这么想的。

事实证明，IE7 仍然弄乱了标头本身的子导航 z 索引。子导航仍然落在标语后面，标语也是标题的一部分。特别是当您点击“立即帮助”选项卡上的子导航栏时。 （同样，仅限 IE7）

http://betawww.helpcurenow.org

我已将 z-index 值应用于子导航和标语，但这并没有解决问题，就像为标题和主要内容 div 添加 z-index 值一样。

有什么建议吗？我是否在子导航中指定了不正确的 z 索引？ （我应该应用到父元素吗？）

Answer 1

您是否尝试过使 header 上的 z-index 高于 nav 上的 z-index 例如：

#header
{
  z-index: 5000;
}

#nav
{
  z-index: 2000;
}

？

更多信息此处

Answer 2

尝试：

#header #nav {position:relative; z-index:9000;}

我认为

#header #tagline {position:relative;}

旧版 IE 在 z 索引方面存在问题，因为它们会重置共享父项的堆叠顺序。

Answer 3

<div id="maincontent" style="z-index=-1" class="container960"></div>

此时可能会在主要内容中的链接中产生一些问题，但您可以从那里发布修复程序。

Answer 4

某些 HTML 控件由 IE 呈现为“窗口化”，即不考虑 z-index。我不了解 IE7，但对于较旧的 IE，例如选择框和 iframe 是窗口化的。

Answer 5

我必须将 #tagline 上的 z-index 更改为 -1。更改标题上的 z-index 是有问题的，主要是因为我已经使用了 hack 来防止子导航位于主要内容后面。