认识 CSS pointer-events 属性

pointer-events 的基本信息

pointer-events 属性用来控制一个元素能否响应鼠标操作，常用的关键字有 auto 和 none

pointer-events: none; // 让一个元素忽略鼠标操作
pointer-events: auto; // 还原浏览器设定的默认行为 

规范定义

条目	状态
初始值	auto
可用值	适用所有元素：auto/none，只适用于 SVG：bounding-box/visiblePainted/visibleFill/visibleStroke/visible/painted/fill/stroke/all
可继承	是的
动画类型	离散动画（关键帧之间不会有插帧，不会有过渡动画）

兼容性

pointer-events: none 的效果：忽略鼠标操作

对一个元素设置 pointer-events: none，能让浏览器在处理鼠标操作时，忽视掉这个元素的存在&#x