diff --git a/css/index.css b/css/index.css index 34fd6ca..41486b3 100644 --- a/css/index.css +++ b/css/index.css @@ -14,18 +14,24 @@ min-height: 100vh; } +/* 强制提升 header 和导航菜单的层级 */ +#index header, +#index #header { + z-index: 99999 !important; + position: relative; +} + +#index #header { + position: sticky !important; +} + /* 首页 section-content 统一左右边距为 20px */ #index .section-content { padding-left: var(--container-padding-x); padding-right: var(--container-padding-x); } -/* 首页 Header 深色玻璃态覆盖 - 确保最高层级 */ -#index #header { - background: transparent; - z-index: 9999 !important; -} - +/* 首页 Header 深色玻璃态覆盖 */ #index .nav-shadow { background: rgba(15, 23, 42, 0.8) !important; backdrop-filter: blur(20px); @@ -77,7 +83,8 @@ background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(148, 163, 184, 0.15); - z-index: 9998 !important; + z-index: 99998 !important; + position: absolute !important; } #index .nav-item-box { @@ -317,19 +324,20 @@ box-shadow: 0 16px 48px rgba(56, 189, 248, 0.6); } -/* 分页器容器 - 强制显示 */ +/* 分页器容器 - 强制显示,调整位置避免被 banner-s 遮挡 */ .banner-cont .swiper-pagination { position: absolute !important; - bottom: 30px !important; + bottom: 100px !important; left: 50% !important; transform: translateX(-50%) !important; - z-index: 50 !important; + z-index: 100 !important; display: flex !important; gap: 12px !important; width: auto !important; height: auto !important; visibility: visible !important; opacity: 1 !important; + pointer-events: auto !important; } /* 分页器优化 - 带播放进度条 */