Прозрачность для PNG в IE 5-6
Ноябрь 19, 2008
Недавно поднималась тема прозрачности png в IE 5-6 версий. Предлагаю свой вариант, которым давно и успешно пользуюсь.
Чтобы полноценно пользоваться всеми прелестями альфа-канала, используемого в png для всевозможных эффектов, нужно всего-лишь заменить серый фон, который ставит IE на прозрачный. Сделать это можно простым скриптом, подставляющим вместо этого фона пустой прозрачный gif.
1. Размещаем скрипт pngbehavior.htc (http://creadome.ru/src/pngbehavior.htc) для примера в директории /src/. Меняем путь до прозрачного gif`а (var blankSrc = “/im/blank.gif”;)
2. В CSS пишем .png {behavior: url(/src/pngbehavior.htc);} а затем для нужной картинки ставим класс png: <img src=”/im/image.png” alt=”картинко” align=”top” class=”png” width=”250″ height=”150″> (Размеры обязательны, иначе IE сожмет изображение в точку.)
3. Радуемся полупрозрачности, теням и другим мелким приятностям =)