0

そのため、最近、z-index を -1 のposition: relative;順不同リストに設定すると、リンクをクリックできなくなるという Chrome の問題に遭遇しました。

例については、Chrome 20.0.1132.47m のhttp://jsfiddle.net/raLnx/を参照してください。

両方のulセクションに正の z-index が指定されていても問題はありませんが、これはクロムのバグであるか、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;
}

何か案は？

4

1 に答える 1

2

これが発生する理由は、div #nav がリスト/リンクの上にあるためです。リストから z-index を削除する必要があります。

于 2012-07-04T13:55:12.530 に答える