pointer-events

`pointer-events`是一个CSS属性，用于控制元素是否响应鼠标事件和指针事件。它有以下几个可选值：

- `auto`：元素响应鼠标事件和指针事件。
- `none`：元素不响应鼠标事件和指针事件，事件将穿过元素并传递到下面的元素。
- `visiblePainted`：元素响应指针事件，但不响应鼠标事件。
- `visibleFill`：元素响应鼠标事件，但不响应指针事件。
- `visibleStroke`：元素响应指针事件和鼠标事件，但只有在指针和鼠标位于元素的边框上时才会响应。

这个属性通常用于解决鼠标事件穿透的问题，即当一个元素覆盖在另一个元素上时，鼠标事件可能会传递到下面的元素。通过将上层元素的`pointer-events`属性设置为`none`，就可以让下面的元素响应鼠标事件。