Flash 在 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 中显示在顶部?
I'm building a popup window. I use an iframe to cover backgroud content then show a div over this iframe to show popup content.
In the background page I have a YouTube video embedded, code sample:
<iframe width="560" height="315" src="http://www.youtube.com/embed/2XY3AvVgDns" frameborder="0" allowfullscreen></iframe>
My problem: The YouTube video always shows on top and covers my popup window.
Note: My code works fine on IE and FireFox, but not GoogleChrome
How can I let my popup window show on top in GoogleChrome?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
将 url 更改为:
注意
?wmode=transparent
参数。Change the url to:
Notice the
?wmode=transparent
parameter.将
元素的
visibility
样式属性设置为hidden
应该会有所帮助。Setting
visibility
style property of the<iframe>
element tohidden
should help.您可以修改您的 iframe 来反对吗?如果是,请尝试使用
<参数 wmode="透明">
希望它能起作用。
Can you modify your iframe to object. If yes, try using
<param wmode="transparent"></param>
Hopefully it should work.