IE下拉菜單z-index bug

我在IE（6和7）下拉菜單中遇到問題。IE下拉菜單z-index bug

http://www.amaconsulting.pl/promocje.html

正如你可以看到，下拉隱藏在IE的主要內容區域後面。 http://bit.ly/coSPcI

我設置的Z-：

這是一個已知的bug和一般的建議是設置的z-index爲標題和內容領域，所以IE知道他們的「地方」，這裏的文章中解釋將.header div的索引設置爲20，將.featured，.content，.primary，.main設置爲1，嘗試找到正確的div來修復問題。雖然下拉菜單隱藏在.featured div後面，但它仍然隱藏在主要內容div（.primary或.main，.secondary很好）後面。

對這些div的z索引在一個單獨的樣式設置，ie.css，以防someone'll可以找他們。

如果有人能提供一些建議，我會非常感激。

來源

2010-03-16 Justine

爲什麼沒有接受任何答案？邁克菲茨帕特里克的第二個解決方案爲我工作 – KalenGi 2012-07-19 12:21:24

在IE中，如果一個絕對定位的元素具有z-index，那麼它包含相對定位的元素必須指定一個z-索引（z-index：1）以便絕對定位的元素能夠出現在其他相對定位的元素。

所以我認爲你需要給你的ul.nav 1.其實，我寫了一篇關於這對my blog的z-index。

更新時間： 所以，如果我改變隱藏UL的知名度風格可見它出現在div上面，因爲它應該只要ul.nav具有積極的z-index值。因此，我認爲這與您的JS呈現隱藏的UL下拉菜單的方式有關。除非我擁有所有的HTML/CSS/JS，否則我無法真正解決這個問題，所以我只能指出你朝着正確的方向發展，我認爲理解this page會對你有所幫助。

來源

2010-03-16 00:18:04

不幸的是，它並沒有幫助。請尋求更多的建議，請！ http://dl.getdropbox.com/u/3871932/amaiebug.png – Justine 2010-03-16 08:01:20

看到我上面的更新。我仍然認爲它與你的菜單中相對定位的容器有關。 – 2010-03-16 15:16:14

我在一個子菜單上管理了一個z-index工作 - Chkredit - swiss credit website 適用於所有版本的IE，並且是輕量級和100％CSS（無javascript）。

IE不正確使用的z-index。檢查網站的CSS代碼中的z索引。您需要在菜單隱藏的項目上放置一個z-index -1。

我現在工作的正是我自己的圖片庫同樣的問題（去「頂圖像」頁） - jeyjoo image gallery。當我把這一個分類出來時，我會在這裏發佈完整的解決方案。這裏

來源

2011-12-14 16:27:56

好ORIGINALE解決方案 - Swiss credit website。這可以工作，但使用複雜的Z指數解決方案。這裏很簡單，這裏改進方案 - Jeyjoo stock image gallery 這個工作在IE6 +，Firefox，歌劇，Safari和Chrome

解決方案

的HTML

<div id="container_page" class="container_page"> 
    <div id="container_header" class="container_header"> 
    NAV BAR GOES HERE 
    </div> 
    <div id="container_body" class="container_body"> 
    ...body text... 
    </div> 
</div>

的CSS

#container_page #container_header {position:relative;z-index:2;} 
#container_page #container_body {position:relative;}

爲什麼它

你必須告訴IE的兩個div如何彼此關聯的。

來源

2011-12-15 11:01:55

感謝您的提示！但在我的情況下，我需要**刪除**在我的容器中的'positon：relative' ... – Ron 2013-03-09 10:07:48

IE下拉菜單z-index bug

回答

相關問題