jQuery悬浮问题由于z-index

我想使用jQuery触发一个元素的悬停事件，但是我使用z-index定位在元素上的半透明png。有没有办法告诉jQuery忽略png并触发它下面的元素的悬停事件？

解决方法

如果您正在使用支持css3的现代浏览器，请尝试将此行添加到透明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/

原文地址：https://www.jb51.cc/jquery/182167.html