iframe可见性上的模态框

时间:2010-11-10 16:09:43

标签: javascript jquery iframe modal-dialog colorbox

我有一个html页面,其中包含来自其他网站的iframe。从iframe左侧我有一个链接打开模式框,其中包含来自Vimeo.com的视频。问题是当我点击并打开模态框时,模态窗口被iframe剪切。在某些浏览器中,只有模态窗口的边缘被剪切,而在某些整个嵌入的视频中。

我正在使用基于jQuery的http://colorpowered.com/colorbox/。我试图改变iframe和模态框视频的“wmode”属性,用z-index播放,但它不会做魔术。

2 个答案:

答案 0 :(得分:0)

不幸的是,jQuery的对话框受页面本身的约束。我不知道你的jQuery技能有多精明,但是一个可能的解决方案(尽管是hacky)可能是提取div,该div用作该网站上的对话框并将其附加到使用iframe的页面主体。 / p>

$('body').prepend($('div').detach();

不确定是否会解决问题,但您可以尝试。如果没有任何反应,您可能需要重新连接按钮以执行完全相同的javascript,除了在您的页面上而不是iframe中包含的javascript(直接从页面本身包含javascript而不是在本地复制它)。如果一切顺利,你可以让对话工作而不必自己写那该死的东西。

答案 1 :(得分:0)

好的我修好了。谢谢你的回复,但过了一段时间我把包装纸div从彩盒包装成了iframe和那个固定的东西。我仍然需要在flash标签中指定“wmode”属性。