当pointer-events的值设置为none之后,浏览器将不会获得鼠标在当前位置的层上的点击事件,而造成鼠标穿透的效果!下面就来为大家展开讲解一下使用CSS的pointer-events属性实现鼠标穿透效果的神奇技巧

现代浏览器里CSS的职责范围和Javascr ipt的越来越模糊分不清。比如CSS里-webkit-touch-callout属性在iOS里能禁止当用户点击时弹出气泡框。而本文要说的pointer-events的风格更像Javascr ipt，它能够：1.阻止用户的点击动作产生任何效果2.阻止缺省鼠标指针的显示3.阻止CSS里的hover和active状态的变化触发事件4.阻止Javascr ipt点击动作触发的事件一个CSS属性能做所有的这么多事情！ 当使用pointer-events:non