微信浏览器video标签z-index遮挡问题怎么办

2 min read

这个问题是由于微信浏览器对于video标签的层级设置比较高,导致覆盖了页面上部分内容。可以尝试以下几种方法解决:

  1. 使用CSS设置覆盖video标签的元素的z-index值高于video标签。

  2. 将video标签放在一个容器内,并使用CSS设置该容器的z-index值低于其他需要显示的元素。

  3. 在页面中添加背景层,将背景层的z-index值高于video标签,以此遮挡掉页面上的video标签。

  4. 添加viewport-fit=cover meta标签,让浏览器在全屏显示页面时适应视口尺寸,从而避免出现类似问题。

以上方法可以根据实际需求选择相应的解决方案,希望能对你有所帮助。