Question

http://testingprth.hostingsiteforfree.com/demo/

如果您在safari或chrome中滚动页面，您会发现背景图案存在一些问题。我相信它与videoBG.js文件有关，因为它可以使用简单的jpg背景文件。

有人可以帮助/建议编辑哪一行，这样我可以使用这种模式吗？感谢。

Answer 1

我通过在标记中<div id="bgpattern"></div>之后移动<div class="videoBG">...</div>来修复它。这可能吗？

=== EDIT ===

我不确定你需要一个脚本来执行此操作...我使用背景视频实现的网站只使用以下标记。

<video id="videoplayer" poster="Static-Fall-Back-Image.jpg" autoplay="" loop="">
    <source src="Video.mp4" type="video/mp4">
    <source src="Video.ogv" type="video/ogg">
    <img src="Static-Fall-Back-Image.jpg" style="width:100%;">
</video>

使用以下CSS：

#videoplayer {
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

这肯定适用于http://www.issuecentre.com这是我开发的网站。

背景图像模式表现怪异而滚动在铬/野生动物园

1 个答案: