html - 谷歌浏览器使用 z-index 断开链接：-1

Question

所以最近我遇到了 Chrome 的一个问题，如果我将 z-index 设置为 -1 到position: relative;无序列表，则链接变得不可点击。

有关示例，请参见Chrome 20.0.1132.47m 中的http://jsfiddle.net/raLnx/ 。

如果两个部分都被赋予正 z-index 则没有问题，但我认为这要么是 chrome 中的错误，要么有比在我不需要时进行ul设置更好的方法。position: relative;

有问题的CSS：

ul.over {
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    background-color: #DDD;
    border-bottom: 2px solid #AAA;
}

ul.under {
    height: 35px;
    padding: 0 30px;
    background-color: #EEE;
    line-height: 35px;
    font-size: 90%;
    position: relative;
    bottom: 5px;
    z-index: -1;
}

有任何想法吗？

Answer 1

它发生的原因是因为您的 div #nav 现在位于您的列表/链接上方。您必须从列表中删除 z-index。