Не все верстальщики с «рождения» знают, что самый популярный и распространенный браузер Internet Explorer не отображает PNG правильно, точнее сказать он не отображает прозрачность графики «самостоятельно». Для достижения одинакового отображения страницы во всех браузерах нужно хорошо потрудиться, поломать голову не один час. Раньше много времени я тратил на технологию обхода использования PNG: сделать тень блока на странице можно и с помощью других графических форматов, но это дает много «лагов» в качестве верстки страницы, а значит и снижает уровень профессионализма верстальщика (следовательно, его карьеру и гонорар). В данной статье я расскажу вам, как сделать PNG прозрачным в IE, прибегая только к помощи JavaScript и CSS, PNG – как просто вставленной картинки, а так же как фон. Верстальщик, вот тебе плюс один к знаниям.

С этой проблемой столкнулся каждый вебдизайнер и верстальщик при достижении кросс-браузенга (одинаковое отображение страницы во многих обозревателях). Суть проблемы в том, что Internet Explorer отображает цвета не как, к примеру, Opera, FireForx. Но эту проблему можно обойти, если цвета задавать НЕ через коды “#FFBBFF” и “rgb(255,255,255)”, а через фоновую картинку (IE отображает ее, как есть, без каких, либо искажений цветов).
Например, рассмотрите код .