本章给大家介绍一个css3中超实用的属性:css3 pointer-events属性。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
最近发现了一个叫pointer-events的css属性,是一个与javascript有关的属性,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+
效果图查看:https://runjs.cn/detail/9rxdbuin
代码:
我是上层top
以上是CSS3 pointer-events属性介绍的一个实例,大家可以自己动手编译试试,看看效果。
立即学习“前端免费学习笔记(深入)”;










