CSS 的pointer-events属性，控制元素如何响应用户指针事件
CSS中的pointer-events属性是一个用于控制元素如何响应用户指针事件（如鼠标点击、触摸等）的重要属性。这个属性可以应用于任何HTML元素，以决定元素是否能够捕获和响应用户的交互事件。以下是关于pointer-events属性的详细解析：
属性值
pointer-events属性具有多个可能的值，每个值都定义了不同的行为：
-
auto：
- 这是默认值。元素会正常响应指针事件，就像没有应用
pointer-events属性一样。
- 这是默认值。元素会正常响应指针事件，就像没有应用
-
none：
- 元素将不会响应任何指针事件。即使鼠标悬停或点击元素，它也不会触发任何事件。这个值常用于创建透明层或遮罩层，同时确保用户能够与下面的元素进行交互。
-
visiblePainted：
- 仅适用于SVG元素。元素在绘制上是可见的（即，元素的visibility属性为visible，且元素已经被绘制到屏幕上），并且只有可见部分会响应鼠标事件。
-
visibleFill：
- 同样仅适用于SVG元素。元素在绘制上是可见的，但只有当点击元素的填充区域时才会响应事件。点击元素的边框区域不会触发事件。
-
visibleStroke：
- 也仅适用于SVG元素。元素在绘制上是可见的&#