PNG-прозрачность в IE
Формат PNG поддерживает глубину цвета в 48 бит на пиксел, отдельный альфа-канал, улучшенное сжатие данных (PNG использует алгоритм сжатия Deflate без потерь информации), возможность использования гамма-коррекции, сохранение компрессированных или некомпрессированных текстовых вставок для хранения информации о копирайте или других целей. Всё это позволяет задавать различную степень прозрачности области изображения
Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ...
В Internet Explorer 5.5+ для корректного отображения файла *.png к изображению необходимо применить фильтр CSS AlphaImageLoader. Есть несколько вариантов подключения фильтра, все они имеют свои плюсы и недостатки. Рассмотрим некоторые из них
Многие браузеры умеют работать с данным форматом и поддерживают его прозрачность: Mozilla 0.9+ (Firefox, Netscape 6+ ...), Opera 6+, Konqueror 3+, Safari 1.0+ ...
В Internet Explorer 5.5+ для корректного отображения файла *.png к изображению необходимо применить фильтр CSS AlphaImageLoader. Есть несколько вариантов подключения фильтра, все они имеют свои плюсы и недостатки. Рассмотрим некоторые из них
Искажение текста
Искажение текста с помощью фильтра CSS Wave
поддержка браузеров: Internet Explorer все версии
см. также: filter: wave
Меняющийся текст
Один текст сменяет другой, с применением эффектов, которые, вы, конечно, можете настроить
поддержка браузеров: Internet Explorer все версии
см. также: filter: glow
filter: zigzag
новое изображение проявляется по мере движения специальной области вперёд и назад в пределах области
style="filter: progid:DXImageTransform.Microsoft.zigzag(gridSizeX=8, gridSizeY=8);"
поддержка браузеров: Internet Explorer все версии
filter: wheel
имитация вращательного движения при построении нового изображения
style="filter: progid:DXImageTransform.Microsoft.wheel(spokes=8);"
поддержка браузеров: Internet Explorer все версии
filter: pixelate
изображение меняется так, как будто отображается на мониторе с низким разрешением
style="filter: progid:DXImageTransform.Microsoft.pixelate(maxSquare=30, duration=2, enabled=false);"
поддержка браузеров: Internet Explorer все версии
filter: inset
новое изображение воспроизводится, начиная с верхнего левого угла
style="filter: progid:DXImageTransform.Microsoft.inset;"
поддержка браузеров: Internet Explorer все версии
filter: slide
"передвигает" данные в требуемую позицию
style="filter: progid:DXImageTransform.Microsoft.slide(slideStyle=swap, bands=4);"
поддержка браузеров: Internet Explorer все версии
filter: stretch
эффект "растягивания" и "перемещения" изображения
style="filter: progid:DXImageTransform.Microsoft.stretch(stretchStyle=push);"
поддержка браузеров: Internet Explorer все версии
filter: spiral
область, проявляющая новое изображение, совершает движение по спирали
style="filter: progid:DXImageTransform.Microsoft.spiral(gridSizeX=65, gridSizeY=65, duration=1);"
поддержка браузеров: Internet Explorer все версии
