忽略鼠標事件可點擊區域上的標籤

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 +），但聽起來像你所需要的。