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