jquery - 由于 jQuery 滑块，z-index 在菜单上无法正常运行

Question

尽管我调整了各种 z-index 属性以纠正问题，但由于某种原因，我的内容滑块似乎位于导航菜单的“顶部”。

我菜单上的包装器是一个可定位元素，滑块仅将内容设置为 98 或 99 的 z-index，所以我不太明白为什么将我的菜单设置为 999 的 z-index 不起作用。

我尝试通过 Firebug 调整各种 z-index 无济于事。

有问题的网站目前位于我们的测试服务器上：http ://www.testflightapparel.com

Answer 1

通常在我的项目中总是与滑块position: absolute;一起工作。z-index不要忘记在滑块之后渲染菜单，使其被迫坐在顶部。

这是我在 Chrome 中编辑 HTML 时所做的：

<div class="main">
...
 your slider code
...
</div>

<!--See the added inline styles -->

<div class="wrapper_menu menu_dark_theme" style="position: absolute; margin-top: -1200px; z-index: 9999;">
   <ul class="menu menu_takeflight">...</ul>
</div>

请参阅随附的屏幕截图：