在整个屏幕上显示位于 iframe 主体内的 div

Posted 2023-02-15

【中文标题】在整个屏幕上显示位于 iframe 主体内的 div

【英文标题】：Displaying a div which is inside an iframe body on the entire screen

【发布时间】：2021-12-23 18:30:18

【问题描述】：

我这里有个案子。我有两个 aspx 页面，假设它们为 Main.aspx 和 Child.aspx。在主页上，有一个 iframe 加载另一个 aspx 页面，即 child.aspx。

实际上，我在 Child.aspx 页面上有一个按钮，单击该按钮会打开一个模式弹出窗口。这里的问题是它在该 iframe 容器内打开，而不是在整个页面上。如何让它显示在整个页面而不是固定的框架宽度上？

请帮忙。 这就是我想要的

这就是我的收获

【问题讨论】：

您需要在父页面中打开弹出窗口，可以通过 javascript。

是的，这似乎是唯一的方法。谢谢！？？？？

【参考方案1】：

简单的答案：你不能。 原因是 iframe 中的 Child.aspx 仅在 iframe 上下文中有效，因此您尝试显示的模式将相对于 iframe 大小显示。想象一下，如果在您的网站中您将使用来自另一个 3-rd 方的 iframe，并且他们会通过展示广告等方式占据您的屏幕，将会发生什么情况。因此，将所有内容都封装到 iframe 中也是一个安全问题。

【讨论】：

好的，谢谢您的信息。我不是 100% 确定的。