继续提高目录的 z-index
优点:对原页面改动较小
缺点:首次尝试无效,无法解决视频盖过目录及切页后残留的问题
作品集展示 · 移动端兼容 · 交互可用性 · 事后整理
整理日期:2026年9月30日
旧作品集的序维品牌动效页,在夸克 Android 平板上出现过视频盖住作品目录的情况;切到别的页面,遮挡还会留着。提高目录的 z-index 没用,后来怀疑是浏览器把视频单独合成了一层,跟页面切换时的视频状态有关。
打开作品目录或离开动效页时,暂时撤下视频,用同尺寸静态画面占位;关闭目录或回到页面后再恢复视频。
优点:对原页面改动较小
缺点:首次尝试无效,无法解决视频盖过目录及切页后残留的问题
优点:保留原有视频与播放控件
缺点:同期复测发现不能稳定解除夸克平板上的遮挡
优点:同期尝试中能够清除残留的视频层
缺点:返回页面后原生播放控件失效,因此未采用
提高 z-index 没用,就顺着浏览器的视频合成层和页面切换继续查。后来测试发现,只暂停和隐藏不能稳定解除遮挡,移除视频源又会让播放控件失效,所以改成暂时撤下视频。
这次问题发生在旧作品集的夸克 Android 平板预览中,2026 年 8 月 31 日和 9 月 1 日的日志记录了多次尝试。具体代码细节已记不清,这里只保留当时记录中的现象和取舍。