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