fix(v1.2.4): 彻底修复首页页脚被固定 Hero 盖住——Hero z-index:-1 + main z-index:auto

This commit is contained in:
nxxy335 committed 2026-11-02 20:48:01 +08:00
1 parent ea641433f7
commit 82ce0f3154
6 files changed
+36 -15

No files matched your search

+18 -6
View File
@@ -1,15 +1,27 @@
# 更新日志
## v1.2.4
### 问题修复
- 🐛 **彻底修复首页页脚被 Hero 盖住(v1.2.3 的修复不完整)**:仅取消 main 的
层叠上下文(`z-index: auto`)不足以让固定 Hero 稳定落在页脚之下。现改为
**双保险**:
1. `.hero` 由 `z-index: 0` 改为 `z-index: -1`,作为固定全屏背景沉到根层叠
上下文的负 z 层,绘制在一切正常内容(含页脚)之下——这是固定背景的规范做法;
2. 保留首页 main `z-index: auto`(仍是必须项:否则 main 若保持 `z-index: 1`
会成为层叠上下文,把负 z 的 Hero 困在自己内部、整块仍压在页脚之上)。
页脚因此始终保持无 z-index 的状态,既不会被 Hero 盖住,也不会回退到早期
「页脚盖住评论区翻页下拉」的问题。经无头浏览器在真实构建产物上验证:
滚到页底时 `elementFromPoint` 命中 `footer-inner`,页脚完整可见。
## v1.2.3
### 问题修复
- 🐛 **修复首页页脚被 Hero 盖住**:`.wi-main` 的 `z-index: 1` 会把整个内容区
(含 `position: fixed` 的全屏 Hero 背景)抬到页脚之上,滚动到页面底部时
页脚被 Hero 的模糊背景和下滑箭头挡住,完全看不到。首页现在取消 main 的
层叠上下文(`z-index: auto`):Hero 落回根层级先绘制,页脚在 DOM 中靠后
自然盖住 Hero;内容区滚动时仍正常覆盖 Hero,其他页面(如评论区翻页下拉
高于页脚)的层级行为保持不变
- 🐛 **初步修复首页页脚被 Hero 盖住(不完整,已被 v1.2.4 取代)**:取消首页
main 的层叠上下文(`z-index: auto`)。这一项单独作用时仍不够稳健,
请直接参考 v1.2.4 的完整修复。
## v1.2.2