Обнаружение зависания элемента за другим в 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-индекс 101.