PNG в IE6
Если Вы уже немного занимались созданием сайтов, то могли заметить, что PNG-изображения в браузере IE6 и ниже отображаются не корректно. Пример такого "кривого" отображения в PNG в IE6 можно наблюдать на изображении к статье (левое изображение). Удивительно, но многие Web-мастера просто забивают на это, оправдываясь тем, что IE6 использует не более 4% пользователей. Я считаю это непростительной глупостью, ведь решение этой проблемы настолько простое, и о нём я расскажу в этой статье. А результат этого решения Вы можете наблюдать вновь на изображении к статье (изображение справа).
Чтобы решить проблему отображения PNG в IE6 и более ранних версиях этого браузера, надо воспользоваться простым скриптом на JavaScript, который Вы можете скачать отсюда: скачать hack для png.
Далее Вы сохраняете этот скрипт к себе на сайт, например, в папку js. И, наконец, на всех страницах сайта, где у Вас имеются изображения в PNG-формате, Вы вставляете следующие строки в голове документа (внутри тега head):
<!--[if lt IE 7]>
<script type = 'text/javascript' src = 'js/pnghack.js'></script>
<![endif]-->
Таким образом, все браузеры IE, младше 7-ой версии будут подключать этот скрипт, который исправит проблему отображения всех PNG-изображения на странице в IE6 и ниже.
-
Создано 07.05.2011 17:42:54
-
Михаил Русаков
Комментарии (5):
А как узнать браузер пользователя и при этом, если браузер пользователя имеет старую версию, то выводилось окошко? Например: "У вас браузер: IE6. Мы настоятельно рекомендуем обновить Ваш браузер к последней версии (IE9)", ну как-то так.
Ответить
Вот так: http://myrusakov.ru/brauzer-javascript.html
Ответить
Вы хоть скрипт то проверяли, когда заливали сюда? Не пашет он! Смотрел через IETester.
Ответить
Скрипт работал, я проверял. Более того, данный подход раньше был наиболее простым. А сейчас либо что-то случилось, либо (что скорее всего) IETester свойство Filter всё-таки не поддерживает. К сожалению, у меня нет IE6, поэтому точно сказать могу, вполне вероятно, там это будет работать.
Ответить
<!--[if lt IE 7]> <div align="center"> Ваш браузер устарел! Рекомендуем обновить его! </div> <![endif]-->
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.