zoukankan      html  css  js  c++  java
  • 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肯定是可以的
    
  • 相关阅读:
    1032. Sharing (25)
    1031. Hello World for U (20)
    1030. Travel Plan (30)
    1029. Median (25)
    1028. List Sorting (25)
    1026. Table Tennis (30)
    win10 tortoiseSVN文件夹及文件图标不显示解决方法
    qrcode.react和jquery.qrcode生成二维码
    js来获取所有屏幕适配的总结
    handsontable整理
  • 原文地址:https://www.cnblogs.com/IwishIcould/p/12845871.html
Copyright © 2011-2022 走看看