IE7搞乱了我的subnav的z-index属性（虽然我已经修复了这个问题！）

问题描述：

好的，所以我在IE7中遇到了jQuery subnav的问题，它在头部后面的主要内容后面滚动。做了相当多的研究，发现了一个很好的解决方法，只需将z-index值应用于标题，另一个值应用于主要内容。IE7搞乱了我的subnav的z-index属性（虽然我已经修复了这个问题！）

一切都很好。或者我想。

原来IE7仍然搞乱了标头本身内的subnav z-index。 subnav仍然落在标语后面，这也是标题的一部分。特别是当你点击“Help Now”标签上的subnav时。（再次，IE7只）

我申请的z-index值均subnav和标语，但这并没有解决问题象页眉和搜索Maincontent增加的z-index值div的。

任何提示？我是否用subnav不正确地指定了我的z-index？（我是否应用到了父元素？）

听起来像http://benhollis.net/experiments/ie7_tests/zindex.html – 2010-06-17 23:00:00

答

尝试：

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

和

#header #tagline {position:relative;}

我认为旧的IE浏览器与Z-索引的问题，因为他们重置与共享父母的物品堆叠顺序。

我没有使用您的解决方案，但我只是将标语z-index更改为-1。那工作。但我敢肯定你的解决方案也能奏效。它只是我已经使用另一个类似的黑客来解决与标题和主要内容相同的问题。 – 2010-06-18 13:27:25

答

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

可能会在maincontent的链接中创建一些问题，但您可以从那里发布修复程序。

标语实际上是标题（标志，导航和标语）的一部分，所以更改主要内容的z-索引并没有“没有什么不同。 – 2010-06-18 13:24:40

答

某些HTML控件由IE渲染为“窗口”，即不尊重z-index。我不知道IE7，但是对于较老的IE，例如，selectbox和iframe被窗口化。

答

您是否尝试过制作z-index上header高于z-index上nav例如为：

#header 
{ 
    z-index: 5000; 
} 

#nav 
{ 
    z-index: 2000; 
}

？

更多信息here

答

我不得不对#tagline的Z-index更改为-1。更改标题上的z-index是有问题的，这主要是因为我已经在使用hack来防止subnav进入主要内容。