pointer-events鼠标穿透

**pointer-events是CSS属性之一，用于控制一个元素是否接收用户输入事件，如鼠标单击、移动等。默认情况下，所有元素都可以接收鼠标事件；但设置pointer-events为none，则会禁止该元素接收鼠标事件，即使该元素在屏幕上相应的位置被点击或悬停。

pointer-events属性的可能取值包括：

auto：浏览器根据标准处理指针事件。
none：元素永远不会作为鼠标事件的目标，并且鼠标指针将穿透到下面的元素。
visiblePainted：元素只在其内容区域内响应用户输入，此时它在底层元素之上呈现，不考虑元素的z-index。
visibleFill：元素的轮廓形状（填充+描边）将仅作为要素响应用户输入，与visiblePainted相反，不考虑元素的z-index。
visibleStroke：元素的轮廓形状（描边）将仅用于响应用户输入；填充区域不会影响用户输入，并且元素显示在其后面的内容将作为要素响应用户输入。
painted：元素的内容区域将是唯一响应用户输入的区域，忽略元素的轮廓形状或事件相交的任何其他内容。
fill：元素的填充区域将是唯一响应用户输入的区域，忽略了轮廓的影响或事件相交的任何其他内容。
stroke：元素的描边区域将是唯一响应用户输入的区域，忽略了填充区域或事件相交的任何其他内容。

注意，pointer-events属性不适用于禁用键盘事件。