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

CSS, HTML, Вопросы и ответы
24 февраля 2012

Вопрос

У меня есть простая страница, на которой расположен блок 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);

4 комментария

  • Ron:

    Имеется iframe на станице html, с интерактивной картой города, с маркерами расположения разных объектов, который выполняет их скрипт (выбора опций поиска) и отображает на web станицe эти отфильтрованные объекты. Потом при нажатии на любой маркер, появляется popup окно (с фото объекта). И при нажатии на ссылку или на фото скрипт переключает отображение данных об объекте из iframe на новую страницу браузера, а мне это не нужно. Пробовал присваивать iframe атрибут sandbox=»allow-scripts» после чего происходит отображение основы карты в окне iframe и индикатора загрузки, но маркеры на карте не отображаются. Вопрос такой, можно ли присвоить iframe какую либо функцию, что бы он железобетонно отключал возможность перехода из данного iframe по всем гиперссылкам из его окна? Думаю проблема сложная, но все таки решаемая.

  • DennisElush:

    I feel other web site proprietors need to take this internet website as an example , very clean and wonderful user genial style .

  • mnikast:

    Пройдите 1 регистрацию, сделайте 2 действия
    и получайте от 8950 рублей каждые сутки в автоматическом режиме.

    Мы гарантируем:
    - Первый заработок в течении 60 минут.
    - Стабильный доход 24 часа в сутки.
    - Поступление денег без задержек.
    - Для России, стран СНГ и Европы.
    - Без вложений и установки ПО.
    - Специально для новичков и людей без опыта.

    Ознакомтесь с условиями на нашем сайте. ( prosto.zarplatt.ru )

  • sElenast:

    Наш сервис предоставляет настоящие лайки на фото заказчиков, которые готовы платить за качество.

    Именно для этого мы и набираем удалённых сотрудников, которые будут выполнять работу, то есть ставить лайки и зарабатывать за это деньги.

    Чтобы стать нашим удалённым сотрудником и начать ставить лайки, зарабатывая при этом 45 рублей за 1 поставленный лайк,

    достаточно просто зарегистрироваться на нашем сервисе. > http://www.oplata-vklike.tk <

    Вывод заработанных средств ежедневно в течении нескольких минут.

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


(обязательно)