谷歌浏览器会破坏与z-index的链接：-1

Question

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

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

如果两个ul部分都给出了正z-index，则没有问题，但我认为这可能是chrome中的错误，或者当我不知道设置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。