PNG alpha-прозрачность в IE6 или “пенсионеры зажигают”

Apr 30, 2009 by Павел Антонов

Posted under: Uncategorized

IE6, находящийся уже одной ногой в могиле, неожиданно предстал в новом света. Появился новый метод заставить работать PNG прозрачность в IE6, без известных проблем при применении AlphaImageLoader.

Метод, разработанный Drew Diller, основан на использовании VML – предшественника SVG. О последнем известно много, о VML слышу в первые. Как я понял, это разработка Microsoft, так и не принятая W3C. MS однако бросать ее не собирается и продолжает поддерживать в своих продуктах, не смотря на существование SVG. Такой вот “чемодан без ручки”, но да им виднее.

Идея нового метода заключается в том, что все прозрачные картинки и фоны создаются с помощью VML объекта, подкладываемого под оригинальный объект. При этом параметры изображения (смещение, масштабирование, повтор) переносятся в VML объект – о чем при использовании AlphaImageLoader и мечтать нельзя было.

В чем плюсы:

Соблюдаются параметры оригинального изображения – можно воссоздать все параметры доступные в CSS
Работают ссылки и нет другиз проблем связанных с использованием AlphaImageLoader!

Как использовать:

Скачать скрипт

Подключаем и определяем какие объекты должны быть обработаны:

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
 
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->