jquery - jqueryで別の要素の背後にある要素のホバーを検出します

Question

グラデーション画像があり、多くの画像を含む別の画像の上にある div があります...

問題は、ユーザーがこれらの画像のいずれかをホバーしたことを検出したいということです。それが発生した場合、ホバーした画像を前面に表示したいからです。

ちなみに、後ろの div にはたくさんの画像 (60 など) が含まれる場合があります。

これどうやってするの？

Answer 1

前景のグラデーションdivにホバーリスナーがアタッチされていない場合でも、背後の各画像にアタッチされたリスナーは機能するはずです。次に、ホバーすると、zオーダーを増やして、次のように前面に表示できます。

$(".imgdiv").hover(function() {
  $(this).attr('z-index', 102);  // mouse enter
}, function() {
  $(this).attr('z-index', 100);  // mouse exit
});

これは、勾配divのz-indexが101であると想定しています。