当把pointer-events值设置为none后,他有如下相关特性。
- 阻止用户的点击动作产生任何效果
- 阻止缺省鼠标指针的显示
- 阻止CSS里的hover和active状态的变化触发事件
- 阻止JavaScript点击动作触发的事件
一条CSS可以做许多事情是不是很神奇,我们在看一下兼容性情况如何。 IE 11+ Firefox 3.6+ Chrome 4.0+ Safari 6.0 Opera 15.0 iOS Safari 6.0 Android Browser 2.1+ Android Chrome 18.0+
设置了pointer-events之后,a标签就可以点击了。不然的话,a标签被top盖住了,是不能被点击的。