jquery - 由于 jQuery slider ,z-index 在菜单上无法正常运行

标签 jquery css z-index

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

我菜单上的包装器是一个可定位元素, slider 仅将内容设置为 98 或 99 的 z-index,所以我不太明白为什么将我的菜单设置为 999 的 z-index 并没有工作。

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

有问题的网站目前驻留在我们的测试服务器上:http://www.testflightapparel.com

最佳答案

enter image description here通常 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/

相关文章:

html - 谷歌浏览器在固定元素内时不遵守 z-index。

php - Ajax 脚本将 xml 延迟加载到 div 中

javascript - 函数将信息返回到控制台日志,但实际上并未执行其应有的操作

html - 列之间的 Bootstrap 填充

html - svg 动画奇怪的行为

css - 使用 jQZoom 的产品页面的堆叠顺序

css - 向上滑动时将堆叠的 div 叠加在另一个 div 之上

javascript - 当鼠标不在链接上时,下拉菜单消失

jquery - 如何在图表上绘图?

javascript - Google Chrome 中奇怪的额外 DIV 高度