javascript - Firefox 上的绝对和固定定位错误？

Question

这里应该是一个非常简单的问题，但它让我挠头。我有一个带有 H1 和 P 标签的 div，它覆盖在这个网站上的 Three.JS 360° 视频查看器之上:http://gloriouslabs.com/#page-5

现在该 div 的代码是:

.video_tag {
 position: absolute;
 z-index: 100;
 top: 15%;
 left: 5%;
 width: 230px;}

在 Chrome 上使用位置标签以屏幕顶部为引用呈现它，效果非常好。但是在 Firefox 上，div 从页面顶部呈现自身，而不是屏幕(在 Firefox 上，您可以看到 .video_tag div 出现在屏幕顶部的 http://gloriouslabs.com/ 处)

知道为什么会这样吗？同样的错误发生在绝对位置和固定位置上。

干杯!

Answer 1

我在 firefox 的检查中打开了你的页面并添加了这个 position: relative;:

#holder {
    height: 100%;
    width: 100%;
    position: relative;
}

它工作正常，但我没有在 chrome 中测试