点击事件不生效选择不到,元素被遮挡点击不起作用

Posted 2022-03-09 野猪佩奇007

解决方案：

两种方案：
假设：外层遮挡的类名为：outer，被遮挡的类名为：Inner。
1：在不破坏原有样式的基础上增加position: relative;然后z-index控制谁在上面即可

.outer
	position: relative;
    z-index:1;

.Inner
	position: relative;
    z-index:2;

2.如果点击事件还不生效，就在这个基础上为outer加上 pointer-events:none，此为鼠标事件对当前元素无效。

.outer
    pointer-events: none;