下拉菜单需要显示一切，但它是在某个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。