在屏幕顶部显示 iframe 的 div 内容答案

【问题标题】：Display div content of iframe on top of the screen在屏幕顶部显示 iframe 的 div 内容
【发布时间】：2013-05-08 13:11:47
【问题描述】：

我创建了一个有一个按钮的页面。单击该按钮时，它会显示带有iframe 的fancybox 弹出窗口。

iframe 有一个inputbox。在输入文本时，它会建议名称列表，如自动完成选项。由于iframe 弹窗的大小固定，建议列表在固定高度和宽度后不可见。自动填充建议在iframe 中继承。

所以我的所有自动建议列表都无法正确显示。它隐藏在iframe 中。所以我想在iframe之外弹出。

如果有人解决了这些类型的问题，请提供帮助。

提前致谢。

【问题讨论】：

当 iframe height 增加时，您的幻想框是否显示滚动条？

标签： php iframe fancybox

【解决方案1】：

如果您可以控制 iframe，则可以为自动竞争列表提供比 iframe 花式框更大的 z-index 值。
或者添加样式溢出：滚动；对于容纳 iframe 并将 iframe 高度设置为最大的容器

示例：

<html>
<body>
<div style="width:400px; height:400px; overflow:scroll">
    <iframe src="http://www.example.com/" style="width:1000; height:1300"></iframe>
</div>
</body>
</html>

【讨论】：

感谢 Bala 的回复，我已经尝试添加溢出：scoll 和更大的 z-index。它增加了滚动。但我想要 iframe 的自动完成列表 div 顶部而不改变高度和宽度。