点击穿透

点击穿透是指当一个元素上设置了pointer-events: none，并且位于其上方的其他元素也不具有pointer-events属性时，鼠标或触摸事件将会透过该元素传递给下层的元素。
这意味着，当你点击或触摸该元素时，实际上会触发位于其下方的元素的事件。

场景

例如在某些情况下，你可能希望点击一个半透明的遮罩层来关闭弹出窗口，而不希望该遮罩层阻止后面的内容进行交互。通过将遮罩层的pointer-events属性设置为none，可以实现点击穿透，从而使得点击事件透过遮罩层传递给后面的内容。

写法

<div style="pointerEvents: none"></div>

或者

<style>
.calss{
    pointer-events: none
}
</style>