我正在构建一个弹出窗口。我使用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 :(得分: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;
希望它能够奏效。