Splash-screen嵌入内容后点击Exit按钮视频覆盖问题求助

核心问题是CSS层级（z-index）冲突：把splash-screen嵌入内容区域后，它的DOM层级被视频元素压在了下方；而之前放在HTML底部时，因DOM渲染顺序靠后，默认层级更高，所以功能正常。

直接给你可行的解决步骤：

• 给splash-screen元素添加定位和足够高的z-index值，确保它能覆盖所有内容（包括视频）：

  .splash-screen {
    position: fixed; /* 用fixed可实现全屏覆盖，也可根据布局需求改用absolute */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999; /* 数值需足够大，超过视频元素的z-index */
    background-color: #ffffff; /* 必须设置背景色，避免透显下方内容 */
  }
  

• 检查视频元素的CSS配置，如果视频设置了z-index，确保splash-screen的z-index数值比它更高。
• 确认splash-screen的父元素没有设置overflow: hidden或较低的z-index，否则会限制splash-screen的层级生效。

原理：z-index仅对设置了非static定位的元素生效，给splash-screen设置fixed定位+高z-index，就能强制让它显示在所有内容的最上层，彻底解决视频覆盖的问题。

内容的提问来源于stack exchange，提问作者user17631451