Универсальный IE6 png fix

Tue, 14 Apr 2009 10:30:27 +0200

Перерыл пол интернета в поисках этого "пнгфикса", вариаций более-менее достойных было с 10, но на сложной вёрстке они убивали дизайн полностью, и фиксили не до конца, кроме одного!

Представляю, это DD_belatedPNG (сейчас версия 0.0.7альфа но он уже может всё!) и как они говорят, это "Medicine for your IE6/PNG headache!"

Скачать DD_belatedPNG

Что же он может:

фиксить все png, как просто картинки (<img>) так и динамически вставляемые;
фиксить все фоновые png (как одиночные так и повторяющиеся) для любых тегов, при этом нормально обрабатывается background-position and background-repeat;
фиксить инпут в виде картинки (<INPUT type="image"/>);
Автоматически добавляет позишон:релейтив (для ИЕ6 очень важно);
не использует картинки (blank1px.gif) для фиксов и технологию ДиректИкса (filter:progid:DXImageTransform.Microsoft.AlphaImageLoader), то есть нужен только джаваскрипт! Использует технологию MS, что называется VML (//Vector Markup Language//);
после фикса, у всех элементов сохраняется кликабельность;
не нужно уродовать css с помощью **behavior: url**
+ он фиксит :hover для ИЕ6!

Есть одно но! К тегам <TR> и <TD> лучше не применять ;) да и вообще кому нужна вёрстка на таблицах ;)

Рецепт:
Скачайте Джаваскрипт, положите в корень сайта например и подключаете

<!--[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]-->

Подключаете только для ИЕ6, и только для нужных элементов! Оптимизирован для ИЕ6! Может выбирать как по классам, так и по айди, так и просто по тегам, кому как удобно! Например я использовал такое подключение %) DD_belatedPNG.fix('img, div, li, a');, так как дизайн был полностью из пнгшек!

зы: DD_belatedPNG is free software under the MIT License.
ззы: Кто не хочет нагружать страницу каким-либо джаваскриптом, для того есть ещё один метод, и называется он

PNG8 с альфа каналом.

Комментарии к заметке

Теги:
browsers > microsoft > Internet Explorer > IE6
javascript > framework > png fix
шпаргалка

Deerua about Coding: последние заметки с тегом «png fix»

Универсальный IE6 png fix