在IE7 z-index的問題

我有一個下拉菜單上：http://whitehornguard.com/但至少在IE7下拉部分出現在大頭圖像下，我試圖改變z-index &使用！重要但它似乎沒有任何區別..在IE7 z-index的問題

我做錯了什麼？謝謝。

2011-11-16 472084

一個衆所周知的問題。谷歌「ie7 z-index」的文章。這聽起來很像你的情況：http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ – Blazemonger

[ie7 z-index問題]（http：// stackoverflow.com/questions/1287439/ie7-z-index-problem） – Blazemonger

確保你的#header_image和li.menu_item也有一個z-index – Alex

這是IE的一個已知問題。有一個技巧來解決它。試着用另外的容器具有以下造型包裹菜單：

<div id="wrapper" style="position:relative; z-index: 1000;"> 
    <div id="menu" style="position:absolute; z-index: 999;"></div> 
</div>

請注意，菜單的Z-index值小於容器。

2011-11-16 17:09:49

謝謝，我用了一個我已經作爲包裝的div，但是它的工作原理是讓孩子的指數比他們的父母小。 – 472084

子元素的z-索引不能超過其父元素的z-索引。它在w3c標準中指定 – Kasturi

什麼是w3c標準中沒有規定的IE：） –

問題是，IE只需要使用的位置。因此，如果存在位置，則僅使用z.index。對於一個元素，你不想給任何定位規則，只是試圖設置位置：相對

2011-11-16 17:03:30 StoryTeller

我已經使用z-index的所有節點也有位置設置。 – 472084

你換你在nav一個div與內嵌樣式。給它添加z-index:1000;。它解決了這個問題。

2011-11-16 17:11:16

回答