css hover频繁闪烁

在鼠标放上 图片上的时候。
删除图标一直不停的闪烁。
 
我当时觉得很奇怪,父子关系的结构
不应该闪烁呀。
看了下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内点击某一个元素莫得反应
引用场景:在一段时间内,点击某一个元素莫得反应。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64698.shtml

张贴在3