4

私は独特の問題に遭遇しました。

ページの一部の HTML テキストが選択できなくなり、そのアンカーの子孫がホバー時に認識されません (Chrome でテスト済み)。

それを実現するには、特定の要件を満たす必要があります。これが私のサンプルページです:

http://rcnhca.org.uk/sites/first_steps/personal-and-people-development/

ブラウザー ウィンドウの幅を 520px 未満に縮小すると ( CSS が作動@mediaするため)、テキストの本文でリンクを強調表示したり選択したりすることができなくなります。

誰がこれを引き起こしているのかを見ることができますか?

4

7 に答える 7

6

<div id="sidebar>"#main divページサイズを縮小すると重なっています。

z-index:100に追加#main

#main {
padding-top: 0.5em;
z-index: 100;
}
于 2012-10-29T11:07:18.307 に答える
3

ユーザー選択: テキスト !重要;

これはあなたのおかげで役立ちます。

于 2020-04-03T05:43:25.863 に答える
0

ブラウザ ウィンドウの幅を 520px 未満に縮小すると#sidebar#main何かを選択できなくなります#sidebar。に z-index を付けます#main

于 2012-10-29T11:15:11.187 に答える
0

要素にパディングがあり、別の要素を 2 番目のパディング内に絶対配置すると、この問題が発生します。

#container .list li .list-left-left {
            width: 120px;
            position: absolute;
            padding-left: 10px;
        }

        #container .list li .list-left {
            width: 240px;
            position: absolute;
            padding-left: 165px; 
        }

解決策は、padding left ではなく margin-left を使用することです。

于 2014-09-17T16:51:48.513 に答える