3

大きなコンテナー内に 2 つの異なる要素 (div class="") があります。

それらを div class="overlay_container" および div class="title." と呼びましょう。div class="overlay_container" にはサブクラス .image があり、ホバー時に大きなコンテナー全体にオーバーレイを作成します。

div class="title" の z-index は 10,000 で、.image の上、つまりオーバーレイの上にあります。残念ながら、「タイトル」にカーソルを合わせると、その下のサブクラス オーバーレイ イメージが消えます。

問題は明らかに、「タイトル」divが他のdivの真上にあるため、z-indexのためにホバーが消えることです。しかし、どうすればこれを修正できますか? 「タイトル」にカーソルを合わせたときに .image オーバーレイが引き続き表示されるようにするにはどうすればよいですか?

あなたの回答が jQuery に関するものである場合、スクリプトを配置する場所 (/head タグの前) を教えてください。ありがとう!

4

1 に答える 1

9

pointer-events:none;タイトル div に追加するとうまくいくでしょうか?

ほとんどのブラウザーはそれを認識しているように見えますが、....dun dun dun ...IE: http://caniuse.com/#search=pointer-eventsを除きます。

于 2012-09-26T07:47:03.247 に答える