Распечатать этот пост

Прозрачный PNG

Чтобы полноценно пользоваться всеми прелестями альфа-канала, используемого в 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. Радуемся полупрозрачности, теням и другим мелким приятностям =)

UPD: прозрачный gif http://creadome.ru/im/blank.gif. Так, на всякий случай =)

Ссылка на автора htc — http://webfx.eae.net/dhtml/pngbehavior/p…

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (8 голосов, в среднем: 4,63 из 5)
Загрузка...

Оставьте комментарий