我的javascript下拉導航菜單顯示在Internet Explorer 7中的內容后面

Question

好的，所以我正在重新設計，我們已經解決了大多數跨瀏覽器的CSS兼容性錯誤-除了與ie7明顯相關的錯誤之外。

問題是我們在導航菜單下拉菜單中使用了JavaScript。 在所有瀏覽器中，除指出的原因外，所有功能均按預期運行。

但是，在IE7中，我的下拉菜單出現在其他頁面元素的后面，就像z-index設置為負數一樣。 但實際上我確實應用了CSS規則，將該元素的z-index設置為4000，並使用該規則更正了現代瀏覽器中的相同問題。

由於某些原因，IE7無法識別該規則。 IE7不支持此CSS規則嗎？ 如果沒有，關於如何解決IE7的任何建議？ JavaScript解決方案？

謝謝！

Answer 1

好的，經過斯科特關於IE7 z-index是問題的建議進行了一些研究之后，我在http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug中找到了解決方案/

問題是我的包含元素（div＃header和div＃mainContent）需要為IE7分配z-index值才能解決此問題。

Answer 2

我也遇到了這個問題，但是為包含元素（菜單）分配高的z-index本身並不能解決問題。 我必須添加位置：相對於將其推到頑固腳本的前面（當然，將z-index：0分配給圖像腳本）。

Answer 3

在Internet Explorer中，定位元素生成新的堆棧上下文，從z-index值0開始。因此，z-index無法正常工作。

這可能是問題的一部分，如果您需要JS解決方案，則可以研究以下項目：

http://code.google.com/p/ie7-js/

Answer 4

好的，經過斯科特關於IE7 z-index是問題的建議進行了一些研究之后，我在http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug中找到了解決方案/

問題是我的包含元素（div＃header和div＃mainContent）需要為IE7分配z-index值才能解決此問題。

這非常有用。 非常感謝。

Answer 5

將菜單放入新的DIV中，然后為該DIV提供z-index（更大的值）。

Answer 6

我遇到了這個問題，並將這段代碼放在有問題的頁面中，並解決了該問題。 只需將div替換為任何元素即可。

<script>$(function() {
var zIndexNumber = 1000;
$("div").each(function() {
$(this).css('zIndex', zIndexNumber);
zIndexNumber -= 10;
});
});
</script>