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)

发表评论

请登录后发表评论: