【问题标题】:Modal box over iframe visibilityiframe 可见性上的模态框
【发布时间】:2010-11-10 16:09:42
【问题描述】:
我有一个 html 页面,其中包含来自另一个站点的 iframe。从 iframe 离开,我有一个链接,可以打开带有 Vimeo.com 视频的模态框。问题是当我单击并打开模态框时,模态窗口被 iframe 剪切。在某些浏览器中,只有模态窗口的边缘被剪切,而在某些完整的嵌入视频中。
我正在使用基于 jQuery 的http://colorpowered.com/colorbox/。我尝试更改 iframe 和模态框视频的“wmode”属性,使用 z-index 播放,但它不会起到神奇的作用。
【问题讨论】:
标签:
javascript
jquery
iframe
modal-dialog
colorbox
【解决方案1】:
不幸的是,jQuery 的对话框是由页面本身绑定的。我不知道您的 jQuery 技能有多精明,但一种可能的解决方案(尽管很老套)可能是提取用作该站点上的对话框的 div 并将其附加到使用 iframe 的页面正文中。
$('body').prepend($('div').detach();
不确定这是否能解决问题,但您可以尝试。如果没有任何反应,您可能需要重新连接按钮以执行完全相同的 javascript,除了在您的页面上而不是 iframe 中包含的那个(直接从页面本身包含 javascript,而不是在本地复制它)。如果一切顺利,您可以让对话框正常工作,而无需自己编写该死的东西。
【解决方案2】:
好的,我修好了。感谢您的回复,但过了一会儿,我将包装器 div 从颜色框包装到 Iframe 中并修复了问题。我仍然必须在 Flash 标签中指定“wmode”属性。