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

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

　　使用绝对定位元素，让元素A完全盖住元素B时，如何通过元素A来响应元素B的事件呢？ 　　上图可以用下面的SVG代码来实现： 　　第一个rect被第二个rect完全盖住，因此无法响应onclick事件。在传统解决办法中，我们需要编写JavaScript代码来实现事件穿透 ...

使用jquery无法修改成功 $("#div-map-box").attr("pointer-events", "auto"); 使用原生js操作dom可以修改成功 var div_map_box = document.getElementById ...

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

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

其实早知道这个属性，但是一直没有去研究过。今天正好在twitter看到这个词，就去研究了下，正好解决了目前遇到的一个小难题，所以分享下。嗯，其实这是个比较简单的CSS3属性。 在某个项目中，很多元素需要定位在一个地图层上面，这里就要用到很多绝对定位或者相对定位的元素，但是这样的话，这些浮在 ...

介绍 pointer-events是css3的一个属性，指定在什么情况下元素可以成为鼠标事件的target（包括鼠标的样式） 属性值 pointer-events属性有很多值，但是对于浏览器来说，只有auto和none两个值可用，其它的几个是针对SVG的(本身这个属性就来自于SVG技术 ...