事件穿透pointer-events: none
当你需要使用层级很高、覆盖面很广的层（此处叫A层），这个层极可能会遮住层级底的层（此处叫B层），导致（B层）点击事件无法触发。
解决：可以在（A层）使用css：pointer-events: none，但点击到这个（A层）时，可以击穿（A层），落到同位置、层级较低的（B层）。
事件阻止pointer-events: auto
如果这时（A层）上有个按钮（此处叫btn）需要可以被点击, 但因为（btn）继承父级的属性事件穿透pointer-events: none，（btn）事件无法触发。
解决：可以在（btn）使用css：pointer-events: auto，但鼠标或手指落在（btn）上，会触发（btn）点击事件。
具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events