基於CSS的懸停菜單隱藏在IE7中

Question

本網站上：http://chezkoop.ca/united下拉菜單隱藏在滑塊（在主頁上）和IE7中的頁面標題（在其他頁面上）（未檢查IE6和我不支持它）。

我覺得我已經試過的z:index: X和position: relative作爲在互聯網各個崗位每個可能的組合建議。沒有任何工作，我瘋了！

任何幫助將非常感激。

阿德里安

Answer 1

我假設你已經閱讀了解釋這個IE7錯誤的各種文章，所以我不會鏈接到他們。

下面就來解決這個問題的方式：

• 在#slider-slides，刪除position: relative。
• 在#menu-menu上，添加z-index: 3000。
• 在#nav上，添加z-index: 4000。

這裏有一個版本的調整的活頁以上，在IE7工作：http://jsbin.com/ixefa3

你並不需要使用這麼大的z-index值。我只是選擇了方便和高數字。

Answer 2

玩了在IE開發工具一點之後，我意識到自己的問題 - 確保你已經得到了z索引上的所有元素集 - 圖片及其所有父容器，菜單和所有ITS父容器，直到兩人見面。希望有幫助...如果不是我可以嘗試澄清。