下拉菜單需要顯示一切，但它是在某個div下面

Question

我有一個下拉菜單，它除了IE6 & IE7之外的其他所有功能都能正常工作。

• Here it is in the Safari/Firefox browsers
• Here is how it looks in IE6 & IE7

下面是DIV的CSS它下面隱藏的IE 6/7

#featured-programs-left img, 
#featured-programs-right img{ 
    overflow:auto; 
    border:0; 
} 

#featured-programs-left, 
#featured-programs-right { 
    height:625px; 
    float:left; 
    overflow:auto; 
    clear:left; 
    clear:right; 
    width:100%; 
} 

#featured-programs-left div, 
#featured-programs-right div { 
    overflow:auto; 
    clear:left; 
    clear:right; 
    width:352px; 
    height:345px; 
} 

#featured-programs-left { 
    float:left; 
} 

#featured-programs-right { 
    float:right; 
} 

這裏是jQuery的（在你的源代碼將在每個主div中看到多個div（features-programs-left & -right），並且jQuery在循環中逐漸淡入和淡出）用於顯示在div兩側內納克多個項目（衰物品進出）（＃功能的程序左&＃功能 - 程序 - 右）

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#featured-programs-left').cycle({ 
     fx:  'fade', 
     speed: 'slow', 
     timeout: 15000, 
     next: '#next2', 
     prev: '#prev2' 
    }); 
}); 

$(document).ready(function() { 
    $('#featured-programs-right').cycle({ 
     fx:  'fade', 
     speed: 'slow', 
     timeout: 21000, 
     next: '#next3', 
     prev: '#prev3' 
    }); 
}); 
</script> 

下面是快速鏈接的CSS（快速鏈接是下拉鍊接菜單）

#header-nav-top li#quicklinks a:link, 
#header-nav-top li#quicklinks a:visited, 
#header-nav-top li#quicklinks a:active { 
    padding-left: .9em; 
    background: transparent url('/site/images/quicklinks_bullet.gif') no-repeat 0em .5em; 
} 

#header-nav-top li#quicklinks.hover { 
    position: relative; 
} 

#header-nav-top li#quicklinks ul { 
    position: absolute; 
    display: none; 
    xleft: -9999em; 
    top: 14px; 
    width: 142px; 
    padding:5px 2px 5px 5px; 
    z-index: 90; 
    margin: 0px; 
    background-color: #00693E; 
    xborder: 1px solid #FDBE2F; 
    xborder-width: 0px 1px 1px; 
} 

#header-nav-top li#quicklinks:hover ul, 
#header-nav-top li#quicklinks.hover ul { 
    left: 0px; 
    display: block; 
} 

#header-nav-top li#quicklinks ul li { 
    background: transparent none; 
    float: none; 
    margin: 0px 0px 0px; 
    line-height: 1.4em; 
    display: block; 
    border:1px solid #00693E; 
} 

#header-nav-top li#quicklinks ul li a:link, 
#header-nav-top li#quicklinks ul li a:visited, 
#header-nav-top li#quicklinks ul li a:active { 
    color: #fff; 
    display: block; 
    text-decoration: none; 
    background: transparent none; 
} 

#header-nav-top li#quicklinks ul li a:hover { 
    color: #C26B1A; 
    background: transparent url('/site/images/bullet_link.gif') no-repeat 0% 6px; 
} 

你認爲可能會導致它不顯示在以上功能的程序，遺留在IE 6/7 &功能的程序，右項的下拉菜單？

Answer 1

您是否嘗試將當前遮擋菜單的圖片的z-index設置爲0？你有沒有一個我們可以看到的「實時」測試網址？或者，在IE瀏覽器正在處理z-index錯誤的基礎上，是否有足夠的空間將下拉菜單的HTML放置在頁面中的其他元素之後，從而繞過z-index？編輯：啊，顯然有一個錯誤。這link或許可以解釋，如果沒有實際的幫助......

報價從MrTazz：

當運行一些特殊的JavaScript 它magicaly把股利在 背景。更新div，它回到遠方。

因此，也許嘗試更新下拉菜單div不知何故，就在頁面顯示之前？

編輯： 從布拉德的評論，在這裏複製用於未來的讀者的啓迪：「這幫助我：http://webdemar.com/webdesign/superfish-jquery-menu-ie-z-index-bug/我設置的#header具有2的z-index和＃內容有Z-指數爲1「。 - 布拉德（5小時前）

因此，總結一下：IE 6/7中有一個z-index錯誤。爲了避開它，明確地將菜單前面出現的元素的z索引設置爲一個較小的數字（例如1），並將菜單容器的z索引設置爲略高一點數字（例如2）。

Answer 2

我的＃內容z索引設置爲1

並設置報頭的z索引，這是在下拉導航定位成2。