Вот решил поделится с миром одной полезной фичей, может для кого-то уже слышал о ней.
Иногда при создании дизайна для сайта встает вопрос о размещении на странице прозрачного PNG для придания сайту изысканности. Но проблема в том, что детище Мелкософта не распознает в формате PNG24 прозрачности, и просто заливает его белым фоном. Решить эту проблему очень просто.
Для этого нам потребуется:
- Скрипт pngbehavior.htc
- Прозрачная картинка blank.gif
Итак, приступим.
- Размещаем наш скрипт и gif, например, в папке images.
- Открываем pngbehavior.htc в блокноте, там в восьмой строке пишем путь к нашему GIF'у:
(var blankSrc = "../images/blank.gif")
- Cоздаем CSS-файл, в котором пишем класс png:
.png {behavior: url(../images/pngbehavior.htc);}
- Вставляем в html-документ PNG и приписываем ему только что созданный класс, обязательно указав ширину и высоту картинки, чтобы IE не сжал её в точку:
<img src="../images/image.png" alt="Прозрачный png" class="png" width="300" height="200">
- Открываем только что созданный html и прыгаем от радости, любуясь на прозрачные тени
Страничку с демо можно посмотреть на сайте автора:
_http://webfx.eae.net/dhtml/pngbehavior/demo.html
+4 
