Z索引导致的jQuery悬停问题

Question

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

Answer 1

如果您使用的是支持css3的现代浏览器，请尝试将此行添加到透明png：pointer-events: none;的css规则中。

它基本上告诉浏览器忽略此元素上的所有鼠标事件。

例如：

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/