jQuery проблема при наведении из-за z-index
Я хочу, чтобы вызвать элемент hover для элемента, используя jQuery, но у меня есть полупрозрачный png, расположенный над элементом, используя z-index. Есть ли способ сказать jQuery игнорировать png и вызвать событие наведения для элемента под ним?
1 ответ
Если вы используете современный браузер, поддерживающий css3, попробуйте добавить эту строку в правило css для прозрачного png: pointer-events: none;
Это, по сути, говорит браузеру игнорировать все события мыши на этом элементе.
Например:
img
{
pointer-events: none;
}
https://developer.mozilla.org/en/css/pointer-events
В качестве альтернативы, если ваш целевой браузер не поддерживает css3, вы можете перехватить событие мыши и затем запустить новое событие на базовом элементе.
Например, если id вашего изображения #img, а id базового элемента #elem, вы можете сделать следующее:
$("#elem").hover(function(e){
$("#img").mouseenter(e);
});
Возможно, вам придется немного повозиться с этим в зависимости от того, как настроены ваши DOM, вот документация http://api.jquery.com/mouseenter/