div穿透事件(point-events)

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

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

point-events:none

 

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

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

point-events:none

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

point-events:auto