fix(v1.2.4): 彻底修复首页页脚被固定 Hero 盖住——Hero z-index:-1 + main z-index:auto
This commit is contained in:
1 parent
ea641433f7
commit
82ce0f3154
6 files changed
+36
-15
No files matched your search
+18
-6
@@ -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
|
||||
|
||||
|
||||
Reference in new issue
Block a user