问题
我期望点击一个元素,但是事件穿透到下方。
解决
.click {
pointer-events: none; //元素不再是鼠标事件的目标,禁止当前层的鼠标事件
}
.click > * {
pointer-events: auto; //子元素可以成为鼠标事件的目标
} 本文介绍如何解决 CSS 鼠标点击事件穿透的问题。通过设置 `pointer-events` 属性来控制元素是否响应鼠标事件,`pointer-events: none;`可以阻止元素响应鼠标事件,而`pointer-events: auto;`则允许其响应鼠标事件。文章还讲解了如何避免父元素阻止子元素接收鼠标事件。
我期望点击一个元素,但是事件穿透到下方。
.click {
pointer-events: none; //元素不再是鼠标事件的目标,禁止当前层的鼠标事件
}
.click > * {
pointer-events: auto; //子元素可以成为鼠标事件的目标
}