尽管我调整了各种 z-index 属性以纠正该问题,但由于某种原因,我的内容 slider 似乎位于导航菜单的“顶部”。
我菜单上的包装器是一个可定位元素, slider 仅将内容设置为 98 或 99 的 z-index,所以我不太明白为什么将我的菜单设置为 999 的 z-index 并没有工作。
我已经尝试通过 Firebug 调整各种 z-index,但无济于事。
有问题的网站目前驻留在我们的测试服务器上:http://www.testflightapparel.com
最佳答案
通常 position: absolute;
和 z-index
在我的 slider 元素中总是有效。不要忘记在 slider 之后呈现菜单,以便它被迫位于顶部。
这是我在 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>
见附上的屏幕截图:
关于jquery - 由于 jQuery slider ,z-index 在菜单上无法正常运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11409303/