pointer-events 实现元素穿透

        通过定位的方式把一个元素叠加到另一个元素上面后,底下的元素档住的部位就无法进行任何操作,大家在做弹窗锁屏的时候用的就是这个原理。
        
        但有的时候我们又需要操作被档住的元素,怎么办呢? CSS3给我们提供了一个新的属性“ pointer-events ”,当上层的元素添加 “ pointer-events:none ” 样式后,你可以把上面的元素当成是 “透明” 的,直接操作底层的元素,是不是很神奇呢。


参考文档

你可能感兴趣的:(pointer-events 实现元素穿透)