2011-10-10 66 views
1

我正在建立一個彈出窗口。我使用iframe來覆蓋背景內容,然後在此iframe上顯示div來顯示彈出內容。閃光燈始終顯示在谷歌瀏覽器頂部

在後臺頁面我有一個YouTube視頻嵌入代碼示例:

<iframe width="560" height="315" src="http://www.youtube.com/embed/2XY3AvVgDns" frameborder="0" allowfullscreen></iframe> 

我的問題:YouTube的視頻始終顯示在上面,覆蓋我的彈出窗口。

注:我的代碼工作正常,在IE和Firefox,但不是GoogleChrome

我怎樣才能讓在GoogleChrome頂我的彈出窗口,說明了什麼?

+0

可能您可能需要添加僅適用於Chrome的樣式。檢查這可能會幫助你http://paulirish.com/2009/browser-specific-css-hacks/ –

回答

1

URL更改爲:

http://www.youtube.com/embed/2XY3AvVgDns?wmode=transparent 

通知的?wmode=transparent參數。

+0

謝謝,它適用於我 –

0

設置visibility樣式屬性元素hidden應該有所幫助。

0

你可以修改你的iframe到對象嗎?如果是的話,請嘗試使用 < PARAM的wmode = 「透明」 > < /參數>

希望它應該工作。