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

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和{{1交集只能获得outside的行为。

• 如果可以，请避免隐藏图层或在outside后面发送div。
• 如果解决方案涉及 JavaScript 或 jQuery ，请执行此操作！

该解决方案可用于在地图上标记。

Answer 1

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