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