如何让被遮挡层能够进行事件点击？（纯CSS方法）

很是简单：

外层（被遮挡的层）{
    pointer-events: none;
}
 
内层（要发生事件的层）{
    pointer-events: auto;
}

pointer-events属性自己有不少取值，但只有none和auto能够用在浏览器上，其余都只能应用在SVG上

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

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

这里不要忘了给内层添加auto属性，不然被外层包裹的全部内层没法成为鼠标事件的target了