14 апреля 2009, 10:30

Универсальный IE6 png fix Избранное

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

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



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

  • фиксить все 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.
ззы: Кто не хочет нагружать страницу каким-либо джаваскриптом, для того есть ещё один метод, и называется он



8 комментариев РСС

johnbl4ck
спасибо тебе, милчеловек, за то, что нашел этот фикс, и не поленился о нем написать. как раз встала проблема сложной верстки, до этого всегда использовал twinhelix png fix, он может все и в принципе, не глючит, но тут не срослось, третий час бился, и вроде уже костылей навставлял и заработало более-менее, а потом нашел в гугле твой пост.

все работает великолепно. пойду еще автору отпишу =)
Vitaliy Bogdanets
Он некоторое время назад обновился, убрали ещё много глюков, и стал работать стабильнее и быстрее! енджой ;)
Andrey
Ой и правдО спасибо!!!! Действительно работает, буду рекомендовать. Молодца!
chiro
Хороший фикс, быстрый и удобный. Спасибо за инфу
кабанчик
СПАСИБО ДРУГ! Я ЧУТЬ НЕ ПОВЕСИЛСЯ УЖЕ С ЭТИМ ИЕ6!
Vitaliy Bogdanets
Та уже пора забивать ;)))
Зу
Офігєнний фікс. Юзав до сьогодні і горя не знав. А сьогодні горе таки мене настигло — фікс не працює для сторінок завантажених в iframe... Замість вмісту іфрейма в IE6 відображається біле полотно :(
Зу
для іфрейма прийшлось використати ось цей фікс:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

пс: чекаю, не дочекаюсь момента, коли ІЕ6 остаточно відбуде своє...
Vitaliy Bogdanets
А версию последнюю брал, был проект с ифреймами, всё было ок ;)
зы? данке, за ещё одну наводку!
Тима
Спасибо большое! Прямо чудо какое то. Все фиксы до этого просто вешали комп нафиг. А это враз и все сделал, только жаль от таблицы не фиксит. Без них не обойтись когда нужно текст по вертикали центровать.
Короче спасибо!
Николай
Работает все отлично, автор спасибо большое!

Ваш комментарий

адрес не будет опубликован

ХТМЛ не работает


Ctrl + Enter