CSS 鼠标点击穿透问题解决

问题

我期望点击一个元素，但是事件穿透到下方。

解决

MDN - pointer-events

.click {
  pointer-events: none; //元素不再是鼠标事件的目标，禁止当前层的鼠标事件
}

.click > * {
  pointer-events: auto; //子元素可以成为鼠标事件的目标
}