// 屏蔽点击 $('body').css('pointer-events', 'none'); //恢复默认 $('body').css('pointer-events', 'auto'); 用处 ...

，pointer-events，下面先看一下他的属性设置值，可以在下面层绑定点击（touch）事件添加这一css ...

一、pointer-events:none是？ pointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用理会。当下，对于偶们来讲，与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性 ...

我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素使用绝对定位布局，这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部。默认情况下，下方元素被遮挡的部分是不会响应鼠标事件的。 但有时我们可能需要被遮盖住的元素仍然能够处理鼠标事件。 比如：我们在一个地图组件上覆盖了一个显示信息 ...

1.css点击下层穿透上层元素，实现点击下层元素的效果； pointer-events: none; 　　 ...

pointer-events是一个满有趣的CSS3属性，虽然主要是针对SVG ，但其中几个属性应用在div上也是颇有意思。顾名思义，这是一个针对鼠标滑动事件的属性，预设值为auto，若值为none，则可以穿越该元素，点击到下方的元素。除了auto和none，这是完整的属性列表 ...

转：http://www.poluoluo.com/jzxy/201109/142876.html 在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或者相对定位的元素，但是这样的话，这些浮在上面的div或者其它元素一般都会给个宽高，或者relative的元素可以不给宽高 ...

·什么是滚动穿透： 在移动端的前端开发中，我们常常会用到Modal弹窗，又称模态框，用来在已有页面显示新的选项、提示或新内容。遮罩层常出现在弹窗后，用来在视觉上，帮助用户集中注意力，功能上，防止用户继续操作页面上的其他内容。遮罩层通常是一个绝对定位，宽高充满内容区域或可视区域，层级略低于弹窗 ...