Bootstrap

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

CSS属性:pointer-events

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

属性值 描述
auto 默认值。元素对指针事件做出反应。
none 元素不对指针事件做出反应。
initial 将此属性设置为其默认值,即auto
inherit 从其父元素继承此属性。

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

示例:要实现的效果是蒙版不遮挡按钮,且蒙版上的按钮可点击。

实现效果
上代码:

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