Произвольный цвет фона у PNG24 с прозрачностью в IE6

Все знают про проблему полупрозрачных PNG-24 в IE6, выглядит она так

Серый фон, который заливает всю прозрачность, можно менять на произвольный цвет.

Эта статья о том, как избавиться от серого фона при этом не потеряв полупрозрачность :)
<!--more-->

Сделать это можно с помощью инструмента tweakpng (http://entropymine.com/jason/tweakpng/), сам инструмент работает под виндой

Для этого открываем нужный файл (можно перетаскиванием)
затем в меню insert -> bKGD (Background color) -> выставляем нужный цвет -> сохраняем

в результате добавляется еще одна строка

теперь PNG-24 в IE6 выглядит следующим образом

Внимание: такие картинки не рекомендуется скармливать png оптимизаторам, некоторые из них могут удалить параметр bKGD, и IE6 снова будет показывать серый фон

Нормальные браузеры по прежнему будут показывать полупрозрачность…

При использовании фильтра alphaimageloader – bKGD игнорируется и рисуется прозрачный фон.

Для любознательных http://banzalik.ru/labs/ie6png24bg/ – смотреть в IE6

UPD: обратите внимание на то, что мы не убиваем прозрачность, мы меняем этот противный серый фон, на любой другой, при этом сама полупрозрачность есть, и мы ее получим, применив фильр к картинке!




Share this story