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

这些页面的背景是使用普通的backgroundcss 属性指定的。

我已经在ubuntu，android和windows下的所有主要浏览器中重现了这一点。

为什么iframe没有正确显示它们？这是渲染引擎的错误吗？还是这是“设计使然”？我该怎么做才能在 iframe 中显示内容？
你能帮忙吗？

Answer 1

背景设置在身体上。body 是 iframe 的高度和宽度。

这是该网站的开发人员制造的错误。你可以iframe在一个div. iframe恰好需要是您正在显示的网站的宽度和高度。没有其他办法。

示例： http: //jsfiddle.net/rKfNA/4/（iframe的宽高不是里面网站的宽高，所以有双滚动条）