PNG8 и частичная прозрачность

19.06.2008 css, progressive enhancement, дизайн

Возвращаясь к теме прозрачности PNG изображений и их поддержки в IE5-6. В Fireworks оказывается есть интересная возможность создания частично прозрачных изображений формата PNG8.

Практическая польза заключается в том, что можно создать изображение с частичной прозрачностью, поддерживаемое всеми браузерами, кроме IE5-6. В свою очередь в IE подобное изображение будет без частичной прозрачности вообще, но серого фона, как в PNG24 не будет.

Выглядеть будет это примерно следующим образом:

Все современные браузеры:

IE5-6:

Пример с частично прозрачным изображением PNG8.

В Fireworks делается это созданием двух слоев, выбором Alpha transparency в Optimize и экспортом слоя.