pointer-events的作用
pointer-events：auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all
默认值：auto，
auto：与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同
none：元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。其他值只能应用在SVG上。
实际应用中，当红色盒子绝对定位在绿色盒子之上时，给绿色盒子添加点击事件，点击红色盒子区域正常情况下肯定不会触发点击事件。
但是当我们给红色盒子添加样式属性pointer-events：none；意思是红色盒子将不在是鼠标事件的target，也就是说鼠标事件将不会作用在该元素之上，现在点击红色盒子就会触发点击事件了。
原文出自（linxner）：https://blog.csdn.net/linxner/article/details/82656908
关于此 css 属性详细解释也可查看：https://developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events
