如何處理vimeo iframe和位置固定元素？

Question

我的網站：dwapotwory.com使用嵌入vimeo視頻。在Safari中（Mac），有時在Chrome中（包括Win/Mac），當iframe被加載時，每個具有position：fixed（標題和左/右按鈕div）的元素都會崩潰。

沒有在Safari一切iframe是罰款：http://dwapotwory.com/1.html

隨着Safari瀏覽器IFRAME ...：http://dwapotwory.com/2.html

我的iframe包裹在股利和scalling瀏覽器窗口時，設置規模，但它不是造成問題（我已經嘗試了一些響應式嵌入vimeo解決方案，並沒有任何區別）。

Answer 1

所以我遇到了這個問題，因爲我有一個類似的問題與視頻（只video標籤，而不是實際iframes等）和固定位置的容器。

Safari的問題似乎是非常隨機的，在我的情況下，我通過向固定容器中添加-webkit轉換來修復它，但在您的情況下，它顯然可以簡單地通過將z-index設置爲絕對容器來解決框架，我試圖通過在檢查員直接操縱你的DOM，它似乎工作。