2013-04-20 2 views
1

Мне нужно показать внешнюю страницу в iframe. Ширина iframe's относительно небольшая (около 400 пикселей) и не может быть изменена. Проблема в том, что когда я просматриваю iframe по горизонтали, я вижу, что фон содержащейся страницы не нарисован. Но некоторые страницы отображаются нормально.прокрутка 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 и окнами.

Почему iframe не показывает их правильно? Является ли это ошибкой рендеринга двигателей? Или это «по дизайну»? И что я могу сделать, чтобы показать контент в правильном формате iframes?
Не могли бы вы помочь?

ответ

1

Фон установлен на корпусе. Тело - это высота ширины iframe.

Это ошибка, созданная разработчиками сайта. Вы можете поставить iframe в div. В iframe точно должна быть ширина и высота сайта, который вы показываете. Нет другого пути.

Пример: http://jsfiddle.net/rKfNA/4/ (ширина и высота этих фреймов не ширина и высота участка внутри него, так что есть двойные скроллбары)

+0

Спасибо! Но моя ситуация настолько плоха, что пользователь видит, какой сайт она хочет видеть в iframe, и я не знаю размер сайта, и я не могу получить его с помощью js из-за ограничений между доменами. Так кажется, что вообще нет никакого способа. Можете ли вы предложить, где можно найти пробную ссылку? – voiger

Смежные вопросы