在屏幕頂部顯示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內容

回答

相關問題