【发布时间】:2011-12-04 07:30:17
【问题描述】:
我正在构建一个弹出窗口。我使用 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 的顶部?
【问题讨论】:
-
您可能需要添加仅适用于 chrome 的样式。检查这可能会帮助你paulirish.com/2009/browser-specific-css-hacks
标签: javascript jquery html css google-chrome