Используя механизм условных комментариев, пользователям IE6 подгружается один маленький скриптик весом в 1455 байт, который рендерит все png-картинки через фильтр AlphaImageLoader.
Скрипт подключается с помощью условных комментариев и обрабатывает все PNG-файлы, встречающиеся на страничке.
<!--[if lte IE 6]> <script type="text/javascript" src="supersleight-min.js"></script> <![endif]-->
Автор скрипта: Drew McLellan (24ways.org/2007/supersleight-transparent-png-in-ie6).
Скачать скрипт можно по ссылке: 24ways.org/code/supersleight-transparent-png-in-ie6/supersleight.zip.
Есть еще любопытный скрипт: ie7-js (code.google.com/p/ie7-js/), размер которого 30 Кб. Он исправляеет множество ошибок обработки HTML и CSS (ie7-js.googlecode.com/svn/test/index.html), которые содержат эти старые версии ИЕ, в том числе полупрозрачность PNG.
Там же есть ie8-js, который фиксит, в том числе и ошибки браузера IE7.
Разработка сайта — это сложный технологический процесс, который состоит из нескольких этапов.
- Первый — этап проектирование и создание дизайна сайта.
- Второй — сборка и программирование.
Верстальщик, как правило, думает, что сделать дизайн сайта легко и можно нарисовать все что угодно. А вот потом сверстать его творение — вот это — да, это совсем не просто. Это действительно бывает так. Ведь верстальщику приходится учитывать все нюансы: различное отображение браузерами стилей CSS, проблему прозрачности PNG в IE6, если клиент требует поддержку устаревших браузеров и так далее. На практике встречается множество проблем.
Поэтому, как правило, над проектом работает несколько специалистов в своей области. И клиенту намного проще обратиться к специалистам и заказать разработку сайта на Вордпресс. Потому что только тогда можно надеяться на качественный результат.
Самый нормальный скрипт, спасибо. Ато адолбался руками в css прописывать.
Да, скрипт действительно хорош. Спасибо, Drew McLellan
А как Вы раньше решали проблему прозрачности PNG?
Да точно так-же, только я для каждой png-шки отдельно в CSS селектор создавал и фильтр прибивал через CSS. А теперь удобно, скрипт прицепил и вот те радость.
Теперь этот скрипт избавил Вас от рутины :).
День добрый!
Делаю первый сайт с обработкой событий. Столкнулась со следующей проблемой: приведенный скрипт исправляет png под тегами, а указанные в событиях
onmouseover/out="this.src=пропускает.Помогите пожалуйста разобраться.
Здравствуйте, Анна.
К сожалению, я затрудняюсь найти причину — я не занимаюсь программирование на ява скрипте.
Спасибо, конечно большое, скрипт работает на ура!
Т.Е. работал!!! У меня на страничке как раз использован этот скрипт, и решил все проблемы с пнг, но дизайн стал требовать анимированных гифок, и как только стали появляться анимированные гифки, содержащие прозрачные области, то вся прозрачность у пнг пропала!(((( Подскажите пожалуста как исправить эту неприятность. Скрипт очень понравился, и я не хочу менять его на другой.