内容z-index问题中的下拉菜单+幻灯片显示

Question

我遇到一个问题，幻灯片显示（使用jQuery Cycle）会在导航中的下拉菜单前呈现。

奇怪的是，一切都可以在Internet Explorer中运行，但在Firefox，Chrome和其他不错的浏览器中都可以使用。

我想这与z-index有关，但我不确定如何解决它。

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

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

我该如何解决这个问题？下拉菜单始终需要在幻灯片放映之上。

Answer 1

如果您使用

设置div intro-wrapper

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

它的工作......