背景视频覆盖了 Chrome 中页面的其余部分答案

【问题标题】：Background Video covers the rest of the page in Chrome背景视频覆盖了 Chrome 中页面的其余部分
【发布时间】：2014-08-05 22:24:19
【问题描述】：

所以我在启动页面的背景中播放了一个视频，它在没有可用控件的循环中运行，并且我在它上面有文本和图像。我将其设置为 z-index: -100。

这在 Safari 和 Firefox 中完美运行，但在 Chrome 和 Opera 中，当页面加载时，视频顶部的所有内容都会消失。一旦我调整窗口大小，一切都会重新出现，但是当我刷新它时，它会出现同样的问题。

我现在不确定该尝试什么，或者这是否是一个常见问题。任何帮助都会很棒，我们正在尝试明天启动该网站。

编辑：这是该网站的链接。我希望这是一个足够普遍的问题，并且会有一个众所周知的解决方案。 http://jessemacdesign.com/upload/splash.html

【问题讨论】：

【解决方案1】：

对我来说，它在 Chrome 和 Opera 中运行没问题（所以请检查您是否需要更新！）。但是，我不建议使用负 z-index，因为这样做没有任何意义。为你的 z-index 试试这个，看看它是否有效：

video#bgvid {
z-index: 1;
}
#bgimg {
z-index: 1;
}

我也会从 #main 中删除 z-index，因为我觉得不需要它。

如果以上所有方法都失败，请尝试以不同的方式构建您的页面，以便您的视频在它自己的 div 中。不过，我自己无法重现您的问题，它可以在 Chrome 和 Opera 中为我工作。

原文：有链接的机会吗？如果不直接查看代码，我将很难帮助您！

【讨论】：

澄清一下，您是指视频上方和下方的黑色“边框”吗？视频、页眉文本和页脚在 Chrome 和 Opera 上对我来说显示正常，但黑色的上下边框消失了。
好的，我的代码中有一个小故障，我已修复并忘记重新上传。现在检查一下。在我的 Chrome 中，除了视频之外，一切都消失了。我尝试清除我的缓存并重置浏览器以确保它对我来说没有任何问题。
我的错，刚刚开始使用 Stack Overflow。以备日后使用。干杯安德鲁！编辑：一旦我有答案，我会编辑我的答案...
更新 Chrome 绝对修复了它。我将从 main 中删除 z-index，这只是我尝试了一切。关于负 z-index 的好提示，我是从一个随机教程中得到的，但我不确定它是否被接受。