jQuery将div悬停在另一层下面

Question

是否有可能忽略所有使用jQuery绑定到它们的元素"上方"的div？例如,我有一个元素A,它有一个绑定到它的悬停事件,但是还有其他元素B,C,D在元素A上面"绝对定位".所以当用户的鼠标移动到元素B,C时, D,即使B,C和D直接位于元素上方,也不再触发悬停事件.是否可以忽略元素BC和D？

更新: 我实际上是在创建一个地图(元素A),其中元素B,C,D作为区域标签.因此,例如,对于纽约州的地图,您将具有与地图重叠的文本元素"曼哈顿","新泽西"等.这就是为什么即使用户将鼠标悬停在标签上,我也需要悬停.

Answer 1

如果您可以使用CSS3,那么您可以设置pointer-events:none绝对定位的元素,请参阅此处的演示.

所有现代浏览器都支持此属性 - 仅IE9及以下版本和Opera Mini不支持它(在撰写本文时).这也意味着你不会有那些可能不是你想要的元素的指针事件.

Answer 2

我现在想到的唯一解决方案是在顶部创建一个不可见的元素并为其提供悬停触发器。