有没有办法让IFRAME的内容溢出到父框架上？
And*_*ges 47 javascript css iframe tooltip
我有一个UI小部件,由于性能原因需要放在IFRAME中,因此我们可以轻松地将它联合到联属网站.窗口小部件的UI包括显示在其他页面内容顶部的工具提示.请参阅下面的屏幕截图或访问该网站以查看其实际操作.有没有办法让IFRAME中的内容与父框架的内容重叠？
oll*_*iej 81
不,这是不可能的.忽略任何历史原因,如今它将被视为安全漏洞 - 例如.许多网站将不受信任的内容放入iframe(iframe源是不同的来源,因此无法根据相同的原始政策修改父框架).
如果这种不受信任的内容有一种机制将内容放在iframe的边界之外,它可以(例如)在父框架的真实登录字段上放置一个"相同的"登录div(或其他),从而可能窃取用户名/密码信息.哪个会很糟糕.
- 刚才发现,当`<option>`容器长于iFrame的边框时,`<select>`元素可以自然地流出包含的iFrame边框(以及其他包含元素的元素). (3认同)
DrS*_*lis 10
我找不到一种方法来使帧的内容流出框架,但我确实找到了一种方法来破解它,将工具提示移动到父文档中并将其放在上面(z-index)iframe .
方法是:
1)在父文档中找到iframe
2)从DOM中的工具提示元素中删除工具提示元素,并将其添加到包含iframe的元素内的父文档中.
3)您可能需要调整z-index和定位,具体取决于您首先如何做.
您可以使用parent.document访问iframe的父文档.
jQuery(tooltip).remove();
var iframeParent = jQuery("#the_id_of_the_iframe", parent.document)[0].parentNode;
iframeParent.appendChild(tooltip);
//adjust z-index, positioning
- 如果这两个文档来自不同的域,则不起作用. (7认同)