CSS - 元素遮挡（层级/定位等等）导致无法点击下层元素解决方案

前言

如果遇到因 层级 定位 其他原因 导致点击不到下层元素，如下图所示：

解决方案

pointer-events 文档：https://www.w3school.com.cn/cssref/pr_pointer-events.asp

不需要调整什么 z-index 层级还是相对绝对定位，直接使用 鼠标穿透属性 pointer-events。

需要注意的是，有些情况并不适用。

/* 给父元素(遮挡的元素) */
.div{
	pointer-events: none;
}