2012-10-09 88 views
0

嗨,我在視頻中嵌入了一個YouTube視頻,但是當我點擊一個按鈕以獲得疊加時,覆蓋圖就落在了YouTube視頻的後面。這隻發生在Firefox 14中,它在任何其他地方都可以正常工作......我試圖將wmode =「transparent/opaque」,但它不能與其中一個或另一個一起使用......HTML疊加在YouTube視頻後面

覆蓋框代碼:

.box_4, .box_5, .box_6 { 
    position: fixed; 
    top: -1900px; 
    left: 50%; 
    z-index: 101; 
    width: 883px; 
    margin-left: -400px; 
    } 

回答

0

<param name="wmode" value="transparent" />

試試這個PARAM,它應該修復它。

的問候和良好的運氣...

1

嘗試用position: absolute -

.box_4, .box_5, .box_6 { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    z-index: 9999; 
    width: 883px; 
    margin-left: 0px; 
    } 
2

的問題是,當你嵌入YouTube鏈接:

https://www.youtube.com/embed/kRvL6K8SEgY 在iframe中,默認的wmode是窗口,其基本上給它一個大於其他所有東西的z-索引,它將覆蓋任何東西。

試着在後面加上這個GET參數到您的網址:

的wmode =不透明

像這樣:

https://www.youtube.com/embed/kRvL6K8SEgY?wmode=opaque 

確保其在URL中的第一個參數。

例:

<iframe class="youtube-player" type="text/html" width="520" height="330" src="http://www.youtube.com/embed/NWHfY_lvKIQ?wmode=opaque" frameborder="0"></iframe> 

見:overlay opaque div over youtube iframe

在iframe標籤其他參數必須去