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

时间:2013-05-08 13:11:47

标签: php iframe fancybox

我创建了一个只有一个按钮的页面。单击该按钮后,它将显示带有iframe的fancybox弹出窗口。

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

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

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

  1. 如果您可以控制iframe,则可以为自动竞争列表提供比iframe花式框更大的z-index值。

  2. 或者添加样式溢出:滚动;对于包含iframe的容器,并将iframe高度设置为max

  3. 示例

    <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>