我想使用jQuery触发一个元素的hover事件,但是我有一个带有z-index定位在元素上方的半透明png图片。是否有办法告诉jQuery忽略png并触发位于其下面的元素的hover事件?
pointer-events: none;
img
{
pointer-events: none;
}
https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events
如果你的目标浏览器不支持 CSS3,你可以捕获鼠标事件,然后在底层元素上触发一个新的鼠标事件。
例如,如果你的图片 id 是 #img,底层元素的 id 是 #elem,则可以这样做:
$("#elem").hover(function(e){
$("#img").mouseenter(e);
});
根据您的DOM设置情况,您可能需要稍微调整一下。 这是文档:http://api.jquery.com/mouseenter/