pointer-events:none;

pointer-events:none;是CSS属性，用于设置元素是否响应鼠标事件和触摸事件。当一个元素的pointer-events属性被设置为none时，该元素及其子元素将无法与鼠标或触摸设备产生交互作用，即无法触发事件。这个属性常用于以下场景：
- 实现视差滚动效果
- 实现遮罩层
- 修复点击穿透问题
- 改变鼠标事件的触发对象

下面是一个示例代码，其中一个元素的pointer-events属性被设置为none，另一个元素的pointer-events属性被设置为auto，可以看到只有后者可以响应鼠标事件和触摸事件：

<div class="click-through">
  <button class="clickable-child">Click me</button>
</div>

<style>
  .click-through {
    pointer-events: none;
  }
  .clickable-child {
    pointer-events: auto;
  }
</style>