我创建了一个只有一个按钮的页面。单击该按钮后,它将显示带有iframe
的fancybox弹出窗口。
iframe
有一个inputbox
。在输入文本时,它会建议名称列表,如自动完成选项。由于iframe
弹出窗口的大小固定,因此在固定高度和宽度后,建议列表不可见。自动填充建议在iframe
中继承。
所以我的所有自动建议列表都没有正确显示。它隐藏在iframe
内。所以我想在iframe
之外弹出。
如果有人解决了这些类型的问题,请提供帮助。
提前致谢。
答案 0 :(得分:0)
如果您可以控制iframe,则可以为自动竞争列表提供比iframe花式框更大的z-index值。
或者添加样式溢出:滚动;对于包含iframe的容器,并将iframe高度设置为max
示例:
<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>