【问题标题】: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”属性。

      【讨论】:

      • 那我完全误解了你的问题。
      猜你喜欢
      • 2012-08-10
      • 2010-12-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-10-05
      • 2010-09-25
      • 1970-01-01
      • 2016-10-13
      相关资源
      最近更新 更多