jquery - 在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-index 为 101。