css3 可穿透的盒子标签属性 pointer-events

pointer-events

直译为指针事件，当把值设置为none后，他有如下相关特性。

1. 阻止用户的点击动作产生任何效果
2. 阻止缺省鼠标指针的显示
3. 阻止CSS里的hover和active状态的变化触发事件
4. 阻止JavaScript点击动作触发的事件

语法:p{pointer-events：none;}

通常会设置的有两种值
- auto：与pointer-events属性未指定时的表现效果相同。
- none：元素永远不会成为鼠标事件的target。但是，当其后代元素的pointer-events属性指定其他值时，鼠标事件可以指向后代元素，在这种情况下，鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。

————————————————

参考：https://blog.csdn.net/qq_30100043/article/details/78405540