div出現在windows計算機上的iframe下面

所以我需要創建一個具有iframe，導航和徽標的網站。div出現在windows計算機上的iframe下面

因此，iframe的src是一個html文件，該html文件包含一個全景圖，它是一個flash視頻。所以我使用了z-index，以便iframe在包含導航和徽標的div下方。如果我使用Mac，它適用於Chrome，Firefox，Safari。然後我嘗試在Windows電腦上測試該網站，並且該網站僅在Chrome上呈現完美效果。火狐瀏覽器，Safari瀏覽器和IE位置的div下面的iframe（從而使我的整個div不可見）

我做了我的研究。顯然flash視頻不受z-index值的影響？我不能嘗試改變閃光燈的模式，因爲它在第三方。

對此的任何解決方案？謝謝。

來源

2013-12-08 user3079066

所以我需要看到的網站。或者，甚至更好，一個小的，自包含的示例顯示了該問題，例如http://jsFiddle.net –

爲您的iframe構建div容器併爲其指定z-index。

HTML

<div id="iframe"> 
    <iframe src="#"> 
</div>

CSS

#iframe { z-index: 10000; }

來源

2013-12-08 04:02:56 asdf

這沒有幫助。 z-indexes僅適用於定位元素。 –

當然他必須定位它。這只是將z-index應用於div的精簡示例。我輸入了寬度：iframe-width;和高度：iframe高度;但它似乎有點不合適。 – asdf

div出現在windows計算機上的iframe下面

回答

相關問題