如何让被遮挡层可以进行事件点击？

非常简单：（纯CSS方法）

 

外层（被遮挡的层）{
    pointer-events: none;
}

 

内层（要发生事件的层）{
    pointer-events: auto;
}

 

pointer-events属性本身有很多取值，但只有none和auto可以用在浏览器上，其他都只能应用在SVG上


取值none：元素永远不会成为鼠标事件的target


取值auto：与pointer-events属性未指定时的表现效果相同（即将元素恢复成为鼠标事件的target）


这里不要忘了给内层添加auto属性，否则被外层包裹的所有内层无法成为鼠标事件的target了

 

信息来源：https://blog.csdn.net/Simon9124/article/details/84958395