前端之家收集整理的这篇文章主要介绍了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内点击某一个元素莫得反应 引用场景:在一段时间内,点击某一个元素莫得反应。
有些时候,当我hover一个元素莫得反应时, 你可以将将元素放到 下一级上:hover 或者是兄弟关系:hover hover肯定是可以的
以上是前端之家为你收集整理的css hover频繁闪烁全部内容,希望文章能够帮你解决css hover频繁闪烁所遇到的程序开发问题。
如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。