← 全部设计判断

作品集展示 · 移动端兼容 · 交互可用性 · 事后整理

视频挡住目录时,先保证目录能用

整理日期:2026年9月30日

当时的情况

旧作品集的序维品牌动效页,在夸克 Android 平板上出现过视频盖住作品目录的情况;切到别的页面,遮挡还会留着。提高目录的 z-index 没用,后来怀疑是浏览器把视频单独合成了一层,跟页面切换时的视频状态有关。

采用的方案

打开作品目录或离开动效页时,暂时撤下视频,用同尺寸静态画面占位;关闭目录或回到页面后再恢复视频。

考虑过的其他方案

继续提高目录的 z-index

优点:对原页面改动较小

缺点:首次尝试无效,无法解决视频盖过目录及切页后残留的问题

仅暂停并隐藏视频

优点:保留原有视频与播放控件

缺点:同期复测发现不能稳定解除夸克平板上的遮挡

离页时移除视频源再恢复

优点:同期尝试中能够清除残留的视频层

缺点:返回页面后原生播放控件失效,因此未采用

为什么这么选

提高 z-index 没用,就顺着浏览器的视频合成层和页面切换继续查。后来测试发现,只暂停和隐藏不能稳定解除遮挡,移除视频源又会让播放控件失效,所以改成暂时撤下视频。

这次问题发生在旧作品集的夸克 Android 平板预览中,2026 年 8 月 31 日和 9 月 1 日的日志记录了多次尝试。具体代码细节已记不清,这里只保留当时记录中的现象和取舍。