css元素穿透pointer-events

月照一江秋水

已于 2022-09-20 11:04:08 修改

阅读量306

点赞数

分类专栏：笔记 vue 文章标签： css css3 前端

于 2022-09-20 10:56:17 首次发布

本文链接：https://blog.csdn.net/qq_41206597/article/details/126948945

版权

vue 同时被 2 个专栏收录

15 篇文章 2 订阅

订阅专栏

笔记

5 篇文章 0 订阅

订阅专栏

CSS pointer-events 属性

pointer-events 属性用于设置元素是否对鼠标事件做出反应。

pointer-events：none （元素不对指针事件做出反应。）
放置需要穿透的元素上

pointer-events：auto （默认值。元素对指针事件做出反应，比如 :hover 和 click。） 
可以防止子元素不穿透点击，放置到对应不想穿透的元素上就行

参考文章
https://www.cnblogs.com/afrog/p/4239004.html