jquery - 容器 div 的 z-index 禁用包含的链接

标签 jquery css z-index

我的问题:

我有一个父 div 设置为 z-index:0 但作为一个不需要的副作用,父 div< 中包含的两个链接 被禁用(无悬停,无链接操作)。

上下文:

我正在使用图像 slider (Nivo Slider)。我必须将 z-index 设置为 0 以允许我的导航菜单正确覆盖图像 slider 。当我更改父容器的 z-index 时,下一个和上一个链接不再起作用。

实例:

http://tinyurl.com/boej3sq

  • div.nivoSlider = 父容器
  • a.nivo-prevNav/a.nivo-nextNav = 有问题的链接

我的问题:

如何修复“损坏的”链接?

最佳答案

我看过你的实例,nivo-controlNav div 实际上覆盖了你的上一个和下一个链接(希望这就是你在说的)你会注意到如果你转到下一个和上一个按钮的最顶部你可以按下它们,但如果你去按钮的中间你不能。我会做的是在 nivo-controlNav 上设置 50% 的宽度或固定宽度,以便它从您的链接中拉出右侧。

替代方案:您可以增加 nivo-directionNav 上的 z-index(不是 z-indexed,所以可能是它被覆盖的原因)或链接

关于jquery - 容器 div 的 z-index 禁用包含的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13522375/

相关文章:

html - 如何防止嵌套表扩大父表?

google-maps - 当谷歌地图全屏为真时,谷歌地图自动完成下拉菜单隐藏

CSS:如何使用元素(而非图像)创建背景抠图?

javascript - 如何仅从模态中删除背景

javascript - CSS 不在框中居中文本,而是移到右侧?

javascript - JS 在单击提交时验证表单

javascript - 如何检查哪个资源导致网页加载缓慢

CSS:如何让 child1 与 child2 的高度相同?

css - 下拉菜单子(monad)菜单居中

jQuery 和 Z-Index 重置