今天遇见一个问题。
在鼠标放上 图片上的时候。
删除图标一直不停的闪烁。

我当时觉得很奇怪，父子关系的结构
不应该闪烁呀。
看了下html和css，发现子元素（要hover）的元素是绝对定位了的
于是我就给
子元素添加了一css样似
pointer-events: none;
于是就解决了闪烁问题。

后来我去看了一下，
pointer-events: none;
很多人这样解释
如果为某个元素样式设置了“pointer-events: none ”，
这个元素的 事件、连接、悬浮样式都没有了
（1）点击a标签，不会跳转到链接地址
（2）而且也没有悬浮样式
（3）注册的事件没有任何效果
如果为div设置了“pointer-events: none ”，
相当于div只是一个虚设的东西，如同海市蜃楼，任何事件都可以轻易从它身上穿过去



pointer-events 是CSS3的一个属性，支持的值非常多，其中大部分都是和SVG有关

pointer-events: none;
意思就是让鼠标事件失效（链接、点击等事件）
常用场合：获取验证码  在2s内点击某一个元素莫得反应
引用场景：在一段时间内，点击某一个元素莫得反应。
有些时候，当我hover一个元素莫得反应时，
你可以将将元素放到 下一级上：hover
或者是兄弟关系：hover
hover肯定是可以的

遇见问题，这是你成长的机会，如果你能够解决，这就是收获。


作者：​​晚来南风晚相识​​​