踩了pointer-events:none的坑

bug出現：
一前端同事跟我說：你把這段加到全局的css裏面

img{
   pointer-events: none
}

而後，悲劇了，上線後發現個人圖片都不能點擊了。

bug解決：
情急之下，在全部須要點擊的img標籤外邊都包了一層div，把點擊事件移到div上，ok了，可是並不知道作了什麼致使了這樣的問題。

bug分析：
今天細細回想，想到上線前加了上面的那段代碼，跑去一百度pointer-events: none，恍然大悟，都怪本身道行太淺。。。

知道了這點以後，我就去F12一下看元素的屬性，結果我發現，加了pointer-events: none以後，點擊這個按鈕

都選不到這個元素了。
這個屬性是否是太強大！！！

bug擴展：
繼續百度這個屬性，發現這個屬性有不少神奇的用法。具體例子好比：
http://baijiahao.baidu.com/s?...
https://www.zhangxinxu.com/wo...
之後遇到須要在頁面上加一層遮罩，可是又能夠點擊下面的元素的這種（點透），就能夠考慮一下這個屬性啦。