Блог

У меня есть div, который имеет градиентное изображение и который находится над другим, который содержит много изображений…

Проблема в том, что я хочу определять, когда пользователи наводят курсор на одно из этих изображений, потому что, если это произойдет, я хочу вывести наведенное изображение на передний план.

Кстати, в div позади может быть много изображений (например, 60).

Как я могу это сделать?

Я думаю, что если к div с градиентом переднего плана не прикреплены слушатели наведения, слушатели, прикрепленные к каждому изображению за ним, все равно должны работать. Затем, при наведении, вы могли бы увеличить z-порядок, чтобы вывести его вперед, что-то вроде:

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

это предполагало бы, что градиентный div имеет z-индекс 101.