html - 谷歌浏览器断开链接与 z-index : -1

Question

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

参见 http://jsfiddle.net/raLnx/以 Chrome 20.0.1132.47m 为例。

如果两个 ul 部分都被赋予一个正的 z-index 就没有问题，但我认为这要么是 chrome 中的一个错误，要么有比设置某些东西更好的方法 position:相对； 当我不需要时。

有问题的 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。