pointer-events: none

如果为某个元素样式设置了“pointer-events: none ”，事件、连接、悬浮样式都没有了

如果为a标签设置了“pointer-events: none ”，点击a标签，不会跳转到链接地址，而且也没有悬浮样式，但是通过tab键可以选中连接进行跳转，可以把href去掉，这样就不能选中了

 我写了一个div（X）和一个超链接（链接百度），我通过定位把他们放到了同一个地方，div在上，超链接在下，现在点击超链接是没有反应的，因为上面还有层div，超链接被遮挡住了

，如果为div设置了“pointer-events: none ”，再点击超链接，页面就进行跳转了，相当于div只是一个虚设的东西，如同海市蜃楼，任何事件都可以轻易从它身上穿过去！

 

转载于:https://www.cnblogs.com/xiaonangua/p/10734573.html