在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。