2012-06-25 4 views
3

У меня есть сайт с iFrame.Содержимое iFrame не отображается в IE8

На главной странице есть очень простой JS, на iframed странице есть простой JS.

Когда я встрою iframe, как обычно: <iframe src="iframeURL" width="900" height="1000"></iframe> работает отлично во всех браузерах, но IE8.

Я пробовал различные вещи:

  • первым: отключение всех JS
  • извлекая атрибут Src и добавить его с JS
  • использованием <object> вместо
  • Я использовал proxy.php, чтобы содержание появится как будто он поступает из того же домена

Это не работает в IE8, независимо от того, что я делаю.

Самое смешное, что я могу открыть страницу, на которой я хочу использовать iframe на отдельной вкладке, и работает отлично.

Если я изменяю атрибут src на «some_other_random_page_from_internet», он работает.

Другое дело в том, содержание есть.

Возможно ли, что содержимое iframe вызывает проблемы? Это базовый HTML + базовый JS, с отключенным JS это не должно быть проблемой.

Любые идеи, что еще я мог проверить?

PS. Я не могу показать код (NDA и т. Д.)

+0

Вы можете увидеть Iframe в другой веб-сайт? http://www.w3schools.com/html/html_iframe.asp Попробуйте валидатор W3C, другой компьютер, другой docType, чтобы остановить все программное обеспечение, такое как skype, ваш брандмауэр/антивирус/вредоносное ПО ... –

+0

Это очень хороший момент. Страница iframed не проверяет (недопустимый тип doctype). Поскольку я не могу изменить его на данный момент (кто-то управляет этим контентом), я должен ждать, чтобы решить проблему. – strah

+0

Это не решило проблему.Я могу видеть другие веб-сайты в iframe, но не в этом конкретном. Пробовал разные ПК ... – strah

ответ

4

Для видимости Lukx's comment реальный ответ заключается в том, чтобы установить position:relative на сам iframe, поскольку у вас может не быть возможности редактировать исходную страницу html или, возможно, потребуется использовать относительное позиционирование.

Просто добавьте этот CSS, и вы должны быть все готово:

iframe { 
    position: relative; 
} 

Я написал полное описание проблемы в this answer

10

Найденный.

фреймах содержание было следующее правило CSS:

html{ position: relative; } 

Удаление это помогло.

+4

Если вы не можете изменить iframe внутри: вы можете также установите 'position: relative' в теге iframe – Lukx

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