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帧的宽度和高度没有宽度和它里面的网站的高度，所以有双重滚动条）