Как применить стили CSS к iFrame?

Вопрос

У меня есть простая страница, на которой расположен блок iFrame (для отображения RSS-ссылок). Как я могу применить одинаковые стили CSS к главной странице и iFrame?

Ответ №1

Надо различать 2 разные вещи: стиль блока iframe и стиль страницы, которая встроена в iframe. Вы можете задать стиль блока iframe обычным способом:

<iframe name=''iframe1'' id="iframe1" src="empty.htm" frameborder="0" border="0" cellspacing="0" style="border-style: none;width: 100%; height: 120px;"></iframe>

Стиль страницы, встроенной в iframe, должен быть задан вставкой стилей именно в эту страницу:

<link type="text/css" rel="Stylesheet" href="Style/simple.css" />

Или же он может быть загружен из родительской страницы на JavaScript:

var cssLink = document.createElement("link")
cssLink.href = "style.css";
cssLink.rel = "stylesheet";
cssLink.type = "text/css";
frames[''frame1''].document.body.appendChild(cssLink);

No responses yet

Добавить комментарий