CSS3 pointer-events的应用

CSS3定义的pointer-events属性可以改变点击元素默认触发的事件

禁用a标签触发点击事件

使用pointer-events：none可以达到禁止点击的效果。我们都知道input标签有disable属性，但是其它标签没有，而很多时候，我们都是用a标签来做按钮的，那如何禁止a标签做的按钮点击呢？这时候就可以给a标签设置pointer-events：none属性了。（今天刚刚好遇到这个问题）

实现标签穿透

有两个标签重叠了，有可能上层标签只是一个遮罩效果，而下层标签是操作，那么如何穿过上层标签去操作下层标签？这时可以使用pointer-events：none禁用了上层标签的点击事件，就可以操作到下层标签了。