修复 z-index 层级问题

This commit is contained in:
张成
2025-11-09 23:07:38 +08:00
parent 302720ba18
commit df875feaec
11 changed files with 177 additions and 21 deletions

View File

@@ -1,8 +1,4 @@
:global {
.guide-bar {
z-index: 999;
}
}
// GuideBar 的 z-index 通过局部样式类动态控制
.cqContainer {
display: flex;
@@ -89,7 +85,7 @@
.fixedHeader {
position: sticky;
top: 0;
z-index: 90;
z-index: 100;
display: flex;
flex-direction: column;
}
@@ -187,6 +183,11 @@
/* 隐藏时不响应鼠标事件 */
}
.guideBarList {
z-index: 999;
// GuideBar 动态 z-index 控制
.guideBarLowZIndex {
z-index: 80 !important; // 筛选弹出时,降低层级,避免遮挡筛选内容
}
.guideBarHighZIndex {
z-index: 900 !important; // 正常状态,保持较高层级
}