css属性阻止鼠标事件及鼠标指针的显示

初来乍到的IT狗

已于 2022-04-24 17:05:40 修改

阅读量1.3k

点赞数 1

分类专栏：样式贴文章标签：指针 css js html

于 2021-06-09 11:10:51 首次发布

本文链接：https://blog.csdn.net/weixin_43829719/article/details/116591259

版权

本文介绍如何使用CSS属性控制元素对指针事件的响应，以实现蒙版下按钮仍可点击的效果。通过设置`pointer-events`属性，可以避免蒙版遮挡按钮并允许蒙版上的按钮保持可点击状态。

摘要由CSDN通过智能技术生成

w3school 的定义是：设置元素是否对指针事件做出反应。

此属性为继承性属性。如果父元素设置pointer-events: none;以阻止指针事件，要想子元素有指针事件必须设置pointer-events: auto;

实现效果
上代码:

<body>
	<div class="poup">
		<button onclick="alert('我是蒙版按钮')" type="button"&

关注

专栏目录