div穿透事件(point-events)

需求背景:需要通过穿透div对下层的div进行点击或者鼠标滑动事件

1.上层div无事件执行,只需在上层元素的样式里添加:

point-events:none

 

2.上层div的某个子元素里有事件执行,想穿透其他没有事件的子元素执行下层div的事件

①给上层最外层元素添加:

point-events:none

②给有事件的子元素添加:

point-events:auto

 

posted @   泠风lj  阅读(118)  评论(0)  编辑  收藏  举报
相关博文：
· scoped和vite使用less
· overflow:hidden不会隐藏所有子元素
· div 事件透传
· CSS3 超实用属性:pointer-events(可穿透图层的鼠标事件)
· CSS3 超实用属性：pointer-events （可穿透图层的鼠标事件）
阅读排行：
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
点击右上角即可分享
微信分享提示