踩了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...
之后遇到须要在页面上加一层遮罩，可是又能够点击下面的元素的这种（点透），就能够考虑一下这个属性啦。