導航菜單在ie7中隱藏在div後面，但在ie8中工作

Question

http://tinyurl.com/d48sf22 在上面的鏈接導航菜單隱藏在div後面，嘗試位置相對屬性和zindex以及tc。使菜單顯示在div上方，但沒有任何工作。

Answer 1

嘗試通過DOM樹返回並確保導航的容器具有位置：相對位置和足夠高的z索引。 IE7的z索引有點不同;作爲一個整體而不是相對於文檔，z索引只適用於其包含的元素。

換句話說：

<div id="header"> 
    <div id="nav">Blah</div> 
</div> 
<div id="content"> 
    <p>Blah</p> 
</div> 

給予NaV的z索引只會影響集管內的其他元件。它仍然會在內容下面出現，因爲內容div會出現在文檔後面，這使得它比標題具有更高的「自然」z-索引。

但是，如果您爲頭部提供比內容div高的Z-index，則應該導致導航出現在內容的頂部。

請確保您有任何位置：relative或position：當您聲明z-index時爲絕對位置，否則將不起作用。我注意到您網頁上的幾個元素有z-index但沒有定位。