下拉菜单+内容z中的幻灯片-索引问题

Question

我遇到了一个问题，一个幻灯片(使用jQuery循环)在导航中的下拉菜单前面呈现。

奇怪的是，一切都在is中工作，但在Firefox、Chrome和其他像样的浏览器中却是如此。

我想这与z索引有关，但我不知道如何修正它。

您可以在http://jsfiddle.net/aEdAi/上查看代码。

• Try在第三个导航菜单项上悬停以查看下拉菜单。
• 您可以使用Firebug在导航的第三个<li>上设置class=“悬停”，以直观地“锁定”悬停状态并调试.

我怎么才能解决这个问题？下拉菜单总是需要在幻灯片的顶部。

Answer 1

嗨，如果您将div内部包装设置为

#intro-wrapper { height:390px; position:relative; z-index:0; }

起作用了..。