首页 > 其他分享 >点击事件不生效选择不到,元素被遮挡点击不起作用

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

时间:2024-07-04 10:29:55浏览次数:3  
标签:index outer 不起作用 遮挡 relative 点击 position

解决方案:

两种方案:
假设:外层遮挡的类名为: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;
}

标签:index,outer,不起作用,遮挡,relative,点击,position
From: https://blog.csdn.net/qq_45067263/article/details/140095607

相关文章