背景视频涵盖Chrome中的其余部分

时间:2014-08-05 13:49:28

标签: html css html5 google-chrome video

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

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

我不确定此时要尝试什么,或者这是否是一个常见问题。任何帮助都会很棒,我们明天会尝试启动这个网站。

编辑:这是指向该网站的链接。我希望这是一个普遍的问题,有一个众所周知的解决方案。 http://jessemacdesign.com/upload/splash.html

1 个答案:

答案 0 :(得分:0)

对我来说,它在Chrome和Opera中工作没问题(所以检查一下你不需要更新!)。但是,我不建议使用负z-index,因为这样做并没有任何意义。试试这个z-index并查看它是否有效:

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

我也会从#main中删除z-index,因为我认为不需要它。

如果未能完成上述所有操作,请尝试以不同方式构建您的网页,以便您的视频位于其自己的div中。我不能自己重新创建你的问题,它适用于Chrome和Opera。

原文:是否有链接的机会?如果不直接查看代码,我很难帮助你!