css元素穿透。 pointer-events: none;

CSS3 pointer-events允许鼠标点击穿透后面的元素

CSS新属性pointer-events：字面理解是点击鼠标事件，值分别是auto和none。

当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。代码如下：

<style>
    .overlay {
        pointer-events: none;
    }
</style>
<div class="div1">
    <div id="overlay" class="overlay"></div>
</div>        

原文链接：http://caibaojian.com/pointer-events.html

浏览器支持：

可以看canIUse上的数据，目前支持IE11、Firefox3.6+、Chrome、Safari4+、Opera15+、Android、ios.·

 

 

给心灵一个纯净空间，让思想，情感，飞扬！