iframe的滾動：背景不會呈現

Question

我必須在iframe中顯示外部頁面。 iframe's寬度相對較小（約400px），無法更改。問題是，當我滾動iframe水平時，我可以看到包含頁面的背景沒有繪製。但有些頁面正常渲染。

的代碼複製是很簡單的：

<iframe src="http://ubuntu.com"></iframe> 
<iframe src="http://britannica.com"></iframe> 
<iframe src="http://linktiger.com"></iframe> 
<iframe src="http://youtown.com"></iframe> 
<iframe src="http://pagefreezer.com"></iframe> <!-- ok --> 
<iframe src="http://imdb.com"></iframe> <!-- ok --> 

一張圖片勝過千言萬語：http://jsfiddle.net/rKfNA/3/

這些頁面的背景是使用普通background CSS屬性指定的。

我已經在ubuntu，android和windows下的所有主流瀏覽器中轉載了此內容。

爲什麼iframe不顯示它們正確嗎？這是渲染引擎的錯誤嗎？或者這是'按設計'？ 我能做些什麼來在iframe中顯示內容？
你能幫忙嗎？

Answer 1

背景設置在身體上。 body是iframe的高度和寬度。

這是一個由網站開發者製作的錯誤。您可以將iframe放入div。 iframe 完全是需要是您顯示的網站的寬度和高度。 沒有其他辦法。

例子：http://jsfiddle.net/rKfNA/4/（I幀的寬度和高度沒有寬度和它裏面的網站的高度，所以有雙重滾動條）