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肯定是可以的


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM