我的问题：

我有一个父div设置为z-index:0但作为一个不必要的副作用，两名包含在父div内的链接被禁用（无悬停，没有链接动作）。的z-index包含链接

上下文：

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

直播例如：

http://tinyurl.com/boej3sq

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

我的问题：

如何解决“断开”的链接？

来源

2012-11-23 Dominor Novus

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

另一种方法：你可以增加NIVO-directionNav的z-index的（不是Z-索引，以便大概就是为什么它越来越重叠）或正确答案和教育我的Z-之间的关系链接

来源

2012-11-23 03:12:31 gingabox

大多数浏览器都有一个检查元素选项，如果您右键单击有问题的元素，它是诊断z索引问题的简单方法 – gingabox

非常感谢。我选择将宽度指定为50％。另外，正如Self Taught Programmer所建议的那样，引入了与定位有关的其他许多造型难题。再次感谢。 –

我的荣幸，很高兴我可以帮助...顺便看一下很棒的网站 – gingabox

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

或者，

冤枉路，你可以把“位置：相对”的子元素，并根据它现在的样子重新风格的按钮。 Z-index通过位置属性与父母和子元素一起工作。

来源

2012-11-23 02:40:28 Rayshawn

+1指数和位置：相对。我选择了gingabox的答案，因为它不需要对滑块进行大量的重新设置。 –

的z-index包含链接

我的问题：

上下文：

直播例如：

我的问题：

回答

相关问题