忽略鼠标事件可点击区域上的标签

Question

在这个简单的JSFiddle sample中，您可以看到一个div，其文字大小超过img。光标可以采取三种行为，一个不同的地方徘徊：指针在img，文本选择在div的内容和默认时outside两个：

<img src="http://cdn.sstatic.net/stackoverflow/img/sprites.png"> 
<div>Stack Overflow</div> 

img {position: absolute; clip: rect(0px, 238px, 61px, 0px); cursor: pointer;} 
div {position: absolute; margin: 50px; border: 3px solid gray;} 

如何完全忽略div对光标的干扰？

而且我的意思是，当你将光标悬停在div和img路口你只有img的行为，若超过div和outside路口你只有outside的行为。

• 如果可以，请避开隐形层或将div放在img的后面。
• 如果解决方案涉及JavaScript或jQuery，请做！

该解决方案对于在地图上进行标注很有用。

Answer 1

一种解决方法是将CSS属性pointer-events设置为none。你可以找到指针事件规范here - 支持不是很好（主要是IE9 +），但听起来像你所需要的。