在鼠标放上 图片上的时候。

删除图标一直不停的闪烁。

 

我当时觉得很奇怪，父子关系的结构

不应该闪烁呀。

看了下html和css，发现子元素（要hover）的元素是绝对定位了的

于是我就给

子元素添加了一css样似

pointer-events: none;

于是就解决了闪烁问题。

 

后来我去看了一下，

pointer-events: none;

很多人这样解释

如果为某个元素样式设置了“pointer-events: none ”，

这个元素的 事件、连接、悬浮样式都没有了

（1）点击a标签，不会跳转到链接地址

（2）而且也没有悬浮样式

（3）注册的事件没有任何效果

如果为div设置了“pointer-events: none ”，

相当于div只是一个虚设的东西，如同海市蜃楼，任何事件都可以轻易从它身上穿过去

参考地址：https://www.cnblogs.com/xiaonangua/p/10734573.html

 

 

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

 

pointer-events: none;

意思就是让鼠标事件失效（链接、点击等事件）

常用场合：获取验证码  在2s内点击某一个元素莫得反应

引用场景：在一段时间内，点击某一个元素莫得反应。