擴展菜單出現在IE7畫廊下

Question

我有一個豐富多彩的菜單（「Destaques」，「Roupas」，「Sapatos」和「Fale Conosco」）正在工作，但是IE7位於畫廊後面，正如我試圖解決使用z-index，但似乎沒有工作，有沒有人有任何提示？

page link

將鼠標懸停IE7用什麼實現我所說的菜單。

Answer 1

這裏有很多事情要做，但我會盡力對此加以解決。

首先，嘗試着讓你的HTML驗證。有很多無效的HTML可能導致問題。

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.montepage.com.br%2Finfantile%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

其次，我認爲IE7做一些有趣的事情用z-index。它根據它的父項重置它的z-index。我知道我過去遇到過這個問題。基本上，如果兩個父元素這樣的：

<div id="parent1">...</div> 
<div id="parent2">...</div> 

如果「parent1」具有較低的z-index不是「parent2」的「parent1」所有的孩子會比「parent2」下，不管他們的Z-指數值。你可以嘗試做的是確保「parent1」具有更高的z-index。

從看你的代碼，它似乎像父元素：

<div class="colorido"> <!-- the menu container --> 
... 
<div id="corpo"> <!-- the image promotional container that rotates --> 
... 

看看「colorido」設置爲較高的z-index不是「CORPO」的作品。您可能必須將它們設置爲「position：relative」，以便它可以正常工作。

我很難閱讀HTML和CSS，這裏有很多內容。所以，我可能有錯誤的容器，但希望這個想法可以幫助你。

此頁可能幫助導致一些答案以及其他一些技巧來嘗試： http://aplus.rs/css/ie7-bug-will-not-render-z-index-change-on-lihover/

希望幫助！