Javascript 如何在父对象顶部显示iframe弹出窗口？

我有一个iframe作为页脚。这个iframe显示了一个弹出窗口（iframe有一个按钮，它包含弹出窗口），但是当我在页面上使用它时，弹出窗口位于包含div的后面

如何在父窗口中显示部分弹出窗口

已更新

现在使用一些代码：

iframe有一个弹出窗口：

显示弹出窗口
弹出窗口

内容使用该iframe作为弹出窗口

所容纳之物

---

这与中的代码基本相同，但使用div作为iframe中的弹出窗口。这里的关键字是stacking context。 看看你的问题的这个缩小的例子，它应该像预期的那样工作：

（请以整页模式运行代码段）

document.getElementById（'showpopup'）.addEventListener（'click'，function（）{
document.getElementById（'infobox'）.classList.remove（'hidden'）；
});
正文{
填充：0；
保证金：0；
文本对齐：居中；
}
.第页{
高度：100vh；
宽度：100vw；
显示器：flex；
弯曲方向：立柱；
}
.内容{
身高：80%；
宽度：100%；
背景：#eee；
}
.页脚{
身高：20%；
宽度：100%；
背景：#444；
}
#显示弹出窗口{
保证金：3em；
}
#信息箱{
高度：200px；
宽度：80%；
位置：绝对位置；
底部：15%；
左：10%；
}
.隐藏{
显示：无；
}

页面内容
显示iframe
iframe包含包含div后面的弹出窗口。-->我猜它在iframe内部被截断了，因为您不能在iframe之外拥有内容it@epascarello是的。问题用工作代码更新了啊，是的，但问题是整个页脚都是iframe，而且里面有弹出窗口
，很抱歉我误解了你的问题。请提供一些代码，让我们知道iframe是否也在您的管理之下，或者是否是外部的。框架本身的一些代码将有助于理解为什么它首先被切断，而不仅仅是添加一个滚动条。
<div class="page">
  <div class="footer">
    <button id="showpopup">Show popup</button>
    <div id="infobox" class="hidden">PopUp</div>
  </div>
</div>

<div class="page">
  <div class="content">Content</div>
  <div class="footer">
    <iframe src="https://codepen.io/oscarryz/full/MNdjGm" style='border:0;width:100%;height:500px;overflow:hidden' frameborder="0"></iframe>
  </div>
</div>