Question

我的网站似乎在Firefox中表现得很奇怪。这是website 在ff中发生了两件奇怪的事情：

我有一个div，它的风格有些问题：

这是风格：

位置：绝对; 最高：50％; 左：50％; -webkit-transform：translate（-50％， - 35％）; transform：translate（-50％， - 35％）; -moz-transform：translate（-50％，65％）;

这个div通常看起来不是它在ff中的例外位置。我用-moz-前缀修复了这个，这看起来不是正确的事情。

背景视频根本没有在ff中播放。但在所有其他浏览器中都很好用检查here。

Answer 1

您尝试播放的视频的格式是什么？你试过.ogg格式吗？对于中心定位，div尝试像这样：

body, html {
  width: 100%;
  height: 100%;
}

.your-div-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

这将在所有浏览器中更好地工作。

视频在除Firefox之外的所有浏览器上播放

1 个答案: