jquery - html5 背景视频与 chrome 上的粘性标题

Question

我使用在后台播放视频的 JQUERY 插件（Bigvideo）创建网页。我遇到的问题是 div 弄乱了我的粘性标题。添加视频背景后，标题根本不粘。

有趣的是它在 Firefox 上运行良好。在 chrome 中，您可以看到还有一些难以描述的问题（当内容工具提示出现和滚动时，图像和背景会混乱）

我尝试了 2 个不同的插件 - Bigvideo 和 Jquery 视频背景插件。

有趣的是，当我将背景视频的 z-index 从 -1 更改为 0 时，它可以正常工作，但即使我将它们的 z-index 更改为正数，它也会使我的所有内容消失。

我附上了一个链接到建设中的页面。

感谢在这件事上的任何帮助。

谢谢

视频背景页面

Answer 1

我设法修复它。我必须在代码中的每个 div 中添加 position:relative 和 z-index 值。之后，我将背景视频的 z-index 更改为 0 而不是 -1。有效...

Answer 2

可能您的 z-index 与您提到的 jQuery 插件的 CSS 文件混淆了。