IE7搞亂了我的subnav的z-index屬性（雖然我已經修復了這個問題！）

Question

好的，所以我在IE7中遇到了jQuery subnav的問題，它在頭部後面的主要內容後面滾動。做了相當多的研究，發現了一個很好的解決方法，只需將z-index值應用於標題，另一個值應用於主要內容。

一切都很好。或者我想。

原來IE7仍然搞亂了標頭本身內的subnav z-index。 subnav仍然落在標語後面，這也是標題的一部分。特別是當你點擊「Help Now」標籤上的subnav時。 （再次，IE7只）

http://betawww.helpcurenow.org

我申請的z-index值均subnav和標語，但這並沒有解決問題象頁眉和搜索Maincontent增加的z-index值div的。

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

Answer 1

嘗試：

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

和

#header #tagline {position:relative;} 

我認爲舊的IE瀏覽器與Z-索引的問題，因爲他們重置與共享父母的物品堆疊順序。

Answer 2

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

可能會在maincontent的鏈接中創建一些問題，但您可以從那裏發佈修復程序。

Answer 3

某些HTML控件由IE渲染爲「窗口」，即不尊重z-index。我不知道IE7，但是對於較老的IE，例如，selectbox和iframe被窗口化。

Answer 4

您是否嘗試過製作z-index上header高於z-index上nav例如爲：

#header 
{ 
    z-index: 5000; 
} 

#nav 
{ 
    z-index: 2000; 
} 

？

更多信息here

Answer 5

我不得不對#tagline的Z-index更改爲-1。更改標題上的z-index是有問題的，這主要是因爲我已經在使用hack來防止subnav進入主要內容。