Я часто рисую в дизайнах что-то полупрозрачное на планшете или занимаюсь фигурным вырезанием чего-нибудь из фотографии и накладыванием на разноцветный фон. Если я хочу, чтобы это вырезанное было в моей верстке отдельным слоем над фоном, gif-прозрачность c его полезным, но всегда однотонным матированием (в фотошопе при сохранении для web это, как известно, matte) мне в этом случае не помогает.

Помогают две вещи. Одна из них - png формат, который поддерживает более умную прозрачность, правда, весит чаще всего поболее gif-а. Но тут возникает проблема: IE6, как и IE5, png-формат не поддерживают. Тем не менее, эта проблема сейчас легко решается с помощью java script (jquery) без хаков и бехавиоров, спасибо andreaseberhard.

(more…)