Прозрачный фон iframe в IE

Постовой: посмотреть и снять квартиры посуточно Минск теперь можно и через инетернет.

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

Зачастую от нас требуется, чтобы контент ifram’а и еГе функционал не выделялся на странице, например на сером фоне, содержимое должно быть также на сером, а лучше менять свой фон в зависимости от фона родительской страницы.
Кнопка LIKE от facebook
Сделано это с помощью CSS. Для элемента body нашего iframe добавляем следующую строчку к стилям

background-color:transparent

Проблема побеждена, вроде бы, но Internet Explorer на то и Internet Explorer чтобы верстальщики не расслаблялись. Если честно, то я долго экспериментировал с CSS чтобы добиться нужного мне результат под IE, но все было даром, пока не нашел чудо свойство. до такого могли додуматься только в индийском департаменте microsoft

В наш iframe нужно добавить свойство:

allowtransparency

сам тэг будет выглядеть примерно так:

<iframe src="#" allowtransparency></iframe>

Ну вот спрашивается, какого черта: код становится не валиден, лишние буквы в коде и т.д. и т.п. но видимо в понимании разработчиком IE это правильно.

Прозрачный фон iframe в IE: 2 комментария

  1. Это просто жуть! Сколько лет верстаю-столько и сталкиваюсь с багами «браузера». Спасибо. Занес в закладки себе на будущее.

  2. Еще через iframe хитроумные люди свои коды на сайт запихивают.

Обсуждение закрыто.