1

我的问题：

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

语境：

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

现场示例：

http://tinyurl.com/boej3sq

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

我的问题：

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

4

2 回答 2

1

简短的回答是你可以去掉父元素上的'z-index:0'。

或者，

您可以将“位置：相对”放在子元素上并根据按钮现在的外观重新设置按钮的样式。Z-index 通过 position 属性与父元素和子元素一起使用。

于 2012-11-23T02:40:28.283 回答
1

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

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

于 2012-11-23T03:12:31.780 回答