js中onmouseover事件，鼠标移动时层会闪烁问题

最新推荐文章于 2025-05-26 16:40:43 发布

hj_西门吹雪

最新推荐文章于 2025-05-26 16:40:43 发布

阅读量4.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/jianqiangdexiaohai/article/details/86079944

js 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在较新浏览器中解决悬浮层交互问题的方法，通过在CSS中使用pointer-events:none属性，可以防止悬浮层上的链接和按钮响应点击事件，适用于仅需显示而不需交互的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、一个在较新的浏览器的解决办法：在悬浮层的 CSS 里加上 pointer-events: none;（只使用于页面单纯的显示，因为该属性会使得超链接和按钮等鼠标点击事件都会失效）

注：pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，点击啊什么的都变成了 “浮云牌酱油”