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

Question

我的问题：

我将父div设置为z-index:0，但作为不必要的副作用，父div中包含的两个链接被禁用（没有悬停，没有链接操作）

上下文：

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

实例：

http://tinyurl.com/boej3sq

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

我的问题：

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

Answer 1

简短的回答是你可以摆脱父元素上的'z-index：0'。

或者，

您可以在子元素上放置'position：relative'并根据其现在的外观重新设置按钮样式的漫长路线。 Z-index通过position属性与parent和child元素一起使用。

Answer 2

我看了你的实例，nivo-controlNav div实际上覆盖了你的上一个和下一个链接（希望这就是你所说的）你会注意到你是否去了下一个和前一个按钮的顶部你可以按它们，但如果你去按钮中间你不能。我要做的是在nivo-controlNav上设置50％的宽度或固定宽度，以便它将右侧拉离链接。

替代方案：你可以增加nivo-directionNav上的z-index（不是z-indexed所以可能为什么它会被覆盖）或链接