由于z-index导致的jQueryhover问题

我想使用jQuery触发元素的hover事件，但是我使用z-index在元素上放置了一个半透明的png。 有没有办法告诉jQuery忽略png并触发其下面元素的hover事件？

Answer 1

如果您使用的是支持css3的现代浏览器，请尝试将此行添加到透明png的css规则中： 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/