pointer-events是CSS的一个属性，它可以设置一个元素是否响应鼠标事件。它有以下几种可选值：
none：元素不响应鼠标事件auto：元素响应鼠标事件visible：元素响应鼠标事件，但是如果鼠标事件发生在元素的“透明”部分，则会穿透到下面的元素上
这个属性在以下几个方面有实际用途：
- 防止事件穿透
有时候一个元素是叠在另一个元素上面的，如果这个元素不需要响应鼠标事件，但是它的大小或形状会导致它遮盖住下面的元素，从而影响下面元素的事件响应。这时候可以使用pointer-events: none来防止事件穿透。
- 实现元素拖拽
在某些情况下，我们可能需要在鼠标按下时才开始移动元素，这时候可以使用pointer-events: none来防止鼠标事件影响元素的移动。
- 优化网站性能
有些元素可能没有鼠标事件，例如一些用于装饰的元素或者占位符元素，如果这些元素没有设置pointer-events: none，那么它们仍然会占据浏览器计算事件的资源。这时候设置pointer-events: none可以优化网站性能，减少浏览器的计算负担。