2013-07-18 23 views
1

我在我的網站中嵌入了一個YouTube視頻(在一個iframe中),並且我還有一個由jquery觸發的菜單在頁面上彈出。這在Chrome中運行良好,但在FireFox中,iframe出現在菜單頂部。FireFox中的iframe不尊重z-index

我嘗試不同iframe的z-index設定爲小於彈出框,如:

iframe { 
position: absolute; 
z-index: 10; 
} 

#popup { 
position: absolute; 
z-index: 99; 
} 

但沒有改變任何東西 - iframe中仍然出現在彈出框。

有人會知道一種方法來解決這個問題嗎?

回答

2

嘗試添加wmode,它似乎有兩個參數。

&wmode=Opaque 
&wmode=transparent 

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent" frameborder="0" wmode="Opaque"> 

欲瞭解更多信息 檢查

YouTube Video Embedded via iframe Ignoring z-index?