大きなコンテナー内に 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 タグの前) を教えてください。ありがとう!