Flash始终显示在Google Chrome中

时间:2011-10-10 07:27:10

标签: javascript jquery html css google-chrome

我正在构建一个弹出窗口。我使用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的顶部?

3 个答案:

答案 0 :(得分:1)

将网址更改为:

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

注意?wmode=transparent参数。

答案 1 :(得分:0)

visibility元素的<iframe>样式属性设置为hidden会有所帮助。

答案 2 :(得分:0)

您可以将iframe修改为object。如果是,请尝试使用     &lt; param wmode =“transparent”&gt;&lt; / param&gt;

希望它能够奏效。