使一个元素溢出iframe

Question

  

可能重复：
  Is there a way to have content from an IFRAME overflow onto the parent frame?

这是我的问题： 我有两种类型的对话框（应该）看起来和行为相同。一个将内容直接加载到页面中，一个使用iframe加载内容。我有一个元素，我需要溢出iframe并完全显示在页面上。这个元素基本上是一个用列表（ul / li）构建的增强型select元素。如何在iframe中将此操作作为选择并溢出iframe？

首先想到的是将select / list放在iframe之外并将其放置在正确的位置，尽管这需要iframe和parent之间的通信比我想要的更多。理想情况下，我想要一个将if / list保留在iframe中的解决方案。

Answer 1

你不能。

<iframe>是一个包含单独的，不同的浏览器窗口（基本上）的元素。

把它想象成一个窗口：当你向窗外看时，外面的视图停在窗框上。

这与内部的内容形成鲜明对比，例如，可滚动的<div>，更像是一块手持的玻璃板，上面涂有一些东西，还有一些东西粘在上面，上面挂着边缘。

Answer 2

您可以使用php将页面加载到当前页面中。很多人认为iframe的做法不好。加载页面元素只需要几行PHP，而不是iframe，这有时会更慢。

以下是你将如何做到这一点......

<?php
    include('file.html');
?>

您可以将此行放入并在页面中包含它，就像使用iframe一样。您可以使用ajax / js无缝地更改html的内容，甚至可以根据需要从服务器加载内容。

Answer 3

想象一下，该文件是一张图片。

想象一下iFrame是一个真实的框架。

你可以让画面从画面中出来吗？否。

这里的情况完全一样。

你最好的办法是想办法避免使用iFrame。

此外，iFrames是不好的做法。