jquery 检测一个元素悬停在另一个元素后面

Question

我有一个带有渐变图像的 div，它位于另一个包含大量图像的 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 索引为 101。