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

文章目录

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

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

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

浏览器支持:

可以看canIUse上的数据,目前支持IE11、Firefox3.6+、Chrome、Safari4+、Opera15+、Androidios.

例子

原创文章:CSS3 pointer-events允许鼠标点击穿透后面的元素 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/pointer-events.html)
评论已关闭。