1

の外部ページを表示する必要がありiframeます。幅は比較的小さく (約 400px) 、iframe's変更できません。問題は、水平方向にスクロールする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 に正しく表示するにはどうすればよいですか?
助けていただけますか？

4

1 に答える 1

1

背景は本体にセット。本文は、iframe の高さと幅です。

これは、サイトの開発者によって作成されたバグです。iframeをに入れることができますdiv。iframeは、表示しているサイトの幅と高さである必要があります。他に方法はありません。

例: http://jsfiddle.net/rKfNA/4/ (iframe の幅と高さは、その中のサイトの幅と高さではないため、スクロールバーが 2 つ表示されます)

于 2013-04-20T16:11:22.803 に答える