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

我创建了一个有一个按钮的页面。点击该按钮，它显示fancybox弹出iframe。在屏幕顶部显示iframe的div内容

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

因此，我的所有自动建议列表都不能正常显示。它隐藏在iframe之内。所以我想在iframe之外弹出。

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

在此先感谢。

来源

2013-05-08 Silicon

做你的fancybox显示滚动条的iframe'height'时增加？ – JFK 2013-05-08 17:14:21

如果您拥有对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>

来源

2013-05-08 13:30:36

感谢Bala的回复，我已经尝试添加overflow：scoll和更大的z-index。它增加了滚动。但我想自动完成列表div顶部的iframe，而不改变高度和宽度。 – Silicon 2013-05-08 13:34:55

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

回答

相关问题