Прозрачные PNG в IE6

Прозрачность PNG в IE6 Если вы, вдруг, не знаете о том, чем прозрачность изображений в формате png лучше прозрачности в формате gif и какие проблемы возникают в браузерах Internet Explorer версии младше 7, то почитайте отличную статью на эту тему — Использование PNG прозрачности в веб дизайне (к сожалению, статья уже удалена). Там же кратко описан способ решения проблемы с IE.

Я же хочу рассказать о другом подходе решения этой проблемы. Он более удобен в случае, если у вас на странице много png изображений или вы используете какие-то плагины с png картинками и у вас нет желания разбираться в их коде.

Подход заключается в использовании JavaScript, который через DOM фиксит прозрачность png картинок. Я использую два вида таких скриптов:

  • Unit PNG Fix — это очень небольшой (менее 2 КБ) отдельный скрипт, фиксит все картинки, но в некоторых случаях может исчезнуть что-то нужное.
    Для блогов на WordPress имеется плагин, который атоматизирует подключение этого скрипта.
  • JQuery.iFixPng — cкрипт-плагин для библиотеки JQuery, имеет смысл использовать в том случае, если вы уже и так используете эту библиотеку. В отличие от предыдущего скрипта, здесь вы сами “нацеливаете” его на определенные картинки с помощью богатого функционала JQuery.

Для тех, кто не в курсе, хочу заметить, что в мире пользователей IE6 больше, чем пользователей FireFox и если они приносят вам деньги, то не стоит сбрасывать их со счетов и отдавать конкурентам.

  • Огромнейшее спасибо за скрипты. Эта проблема просто ужасна, я не понимаю, почему полупрозрачность была введена в такой поздней версии IE. Приходилось изгаляться неимоверно, чтобы диз выглядел как хочется, а не как можно. Буквально на днях пришлось переделывать меню на более простое, т.к. сначала забыл, что в -IE7 неправильно отображаяются (тестил сайт в Опере). Спасибо!

  • А ты сталкивался с такой проблемой, когда определенный цвет PNG файла отображается по разному в IE и Firefox?

  • Нет, не встречал.

  • Мы из-за этого PNG вообще не используем в веб проектах.

  • "Прозрачные PNG в IE6" не нужно двигатся в жопу, нужно двигатся в перед, ie 6 это уже баян, а вы все еще продолжаете делать для него фиксы, пусть эти мученики (il) обновляются до 7 версии к таму же уже 8 почти вышла, а на 6 уже забыть давно пора

  • Тем не менее, ie 6 в мире пользуется больше людей, чем всеми версиями firefox вместе взятыми. И если эти люди приносят мне прибыль, то я буду делать фиксы.

  • Я пробовал и до сих пор использую очень простой способ (http://www.fortress-design.com/layout/transpare…) для решения прозрачности в png.