css：pointer-events
2015-11-23 21:40
405 查看
pointer-events 是 CSS 新属性
pointer-events：字面理解是点击鼠标事件，常用值分别是auto和none，其他大多跟svg有关。
当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面
eg：当有一个全屏铺满的（position:fixed;top:0;left:0;bottom:0;right:0;）弹出层div，只设置了opacity:0;需要设置display:auto;那么下面的a按钮是点击不到的，如果设置了pointer-events:none;就可以点击到了。当弹层为opacity:1;的时候，需要设置pointer-events:none
pointer-events：字面理解是点击鼠标事件，常用值分别是auto和none，其他大多跟svg有关。
当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面
eg：当有一个全屏铺满的（position:fixed;top:0;left:0;bottom:0;right:0;）弹出层div，只设置了opacity:0;需要设置display:auto;那么下面的a按钮是点击不到的，如果设置了pointer-events:none;就可以点击到了。当弹层为opacity:1;的时候，需要设置pointer-events:none
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 分页控件及其CSS样式
- css文字两端对齐
- 带箭头的提示tips样式
- zen coding css快捷
- 使用inherit属性值继承其父元素样式来覆盖UA自带样式。
- CSS3中和动画有关的属性有三个 transform、 transition 和 animation
- CSS学习<4>
- css background属性
- 用div和css样式控制页面布局
- style和currentStyle和getComputedStyle获取css样式
- iOS文本框样式，键盘样式，清除按钮设置，左右视图
- 一些css小用法总结
- css页面排版图片下边出现空隙解决方法
- CSS3 圆角（border-radius）
- css文字超出显示...
- 一些css小用法总结（持续更新~）
- CSS美化上传按钮并获取上传文件路径
- CSS颜色代码大全
- 引用样式属性（Referencing style attributes）?attr
- css font的简写规则