獲取嵌入式Youtube視頻前面的CSS/JS彈出窗口

我有一個彈出窗口用於我的網站通知。彈出窗口會使背景變暗，並在其他任何事物的前面。只有一個嵌入的Youtube視頻仍然在彈出窗口前，我猜是因爲它是Flash。在Firefox中，視頻在後臺「幾乎」，它只是切割彈出窗口的一些角落，在IE中，完整的彈出窗口隱藏在視頻背後。我已經試圖給視頻一個較低的z-索引，但它不會工作。獲取嵌入式Youtube視頻前面的CSS/JS彈出窗口

#light{ 
    z-index:1001; 
    font-size: 10px; 
} 

#video{ 
    margin: 20px 0px 0px 0px; 
    z-index:998; 
} 

<ul> 
    <li> 
     <iframe id="video" width="500" height="282" src="http://www.youtube.com/embed/F4Z4-KCJ664" frameborder="0" allowfullscreen></iframe> 
    </li> 
</ul>

來源

2013-09-01 UserSoUndSo

試試這個

與代碼替換的iframe線以下

<iframe id="video" width="500" height="282" src="http://www.youtube.com/embed/F4Z4-KCJ664?wmode=transparent" frameborder="0" allowfullscreen></iframe>

，也給位置：相對於這兩個CSS塊#light並請#video

來源

2013-09-01 01:55:51

你，先生，是天才！我只是想過這樣的解決方法：函數lightbox_open（）{ \t document.getElementById（'video'）。style.display ='none'; } 但不幸的是，這將在彈出窗口打開時破壞網站。你的建議很好，謝謝。 – UserSoUndSo

請將我的答案標記爲有用。通過點擊複選標記。謝謝 –

獲取嵌入式Youtube視頻前面的CSS/JS彈出窗口

回答

相關問題