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+
看下实例，具体是怎么回事。html代码：
-
<!DOCTYPE html> -
<html> -
<head> -
</head> -
<body> -
<ul> -
<li><a href="https://www.baidu.com/">百度</a></li> -
<li><a href="http://example.com">一个不能点击的链接</a></li> -
</ul> -
</body> -
</html>
css代码：
-
<style> -
a[href="http://example.com"] { -
pointer-events: none; -
} -
</style>
扫一扫
642
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
