css pointer-events属性

 
 

当把pointer-events值设置为none后,他有如下相关特性。

  1. 阻止用户的点击动作产生任何效果
  2. 阻止缺省鼠标指针的显示
  3. 阻止CSS里的hover和active状态的变化触发事件
  4. 阻止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盖住了,是不能被点击的。

猜你喜欢

转载自blog.csdn.net/wly_syp/article/details/78751199