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是從PAGE的頂部而不是從SCREEN呈現的（在Firefox上，您可以在屏幕的頂部http://gloriouslabs.com/看到.video_tag div）

有什么想法為什么會那樣嗎？ 同一錯誤在絕對位置和固定位置均會發生。

干杯!

Answer 1

將容器設置為相對位置

#holder {
    position: relative;
}

如果這不是正確的容器，則將其設置在您需要的容器上

Answer 2

我在firefox的檢查中打開了您的頁面，並添加了以下position: relative; ：

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

它正在工作，但是我沒有用chrome測試