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

CSS新属性pointer-events：字面理解是点击鼠标事件，值分别是auto和none。 当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。当使用pointer-events:auto,与pointer-events属性未指定时的表现效果;

相同代码如下：

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

浏览器兼容：