CSS属性:pointer-events
w3school 的定义是:设置元素是否对指针事件做出反应。
属性值 | 描述 |
---|---|
auto | 默认值。元素对指针事件做出反应。 |
none | 元素不对指针事件做出反应。 |
initial | 将此属性设置为其默认值,即auto |
inherit | 从其父元素继承此属性。 |
此属性为继承性属性。如果父元素设置pointer-events: none;
以阻止指针事件,要想子元素有指针事件必须设置pointer-events: auto;
示例:要实现的效果是蒙版不遮挡按钮,且蒙版上的按钮可点击。
上代码:
<body>
<div class="poup">
<button onclick="alert('我是蒙版按钮')" type="button">