Вёрстка « PNG-изображение отображается в IE с другим оттенком!(
1 ответов
Это происходит из-за того, что в вашем PNG файле есть сегмент, в котором указана гамма картинки (gAMA chunk). Доподлинно не известно, является ли это ошибкой Эксплорера, который не правильно обрабатывает этот сегмент, или ошибкой других браузеров, которые его игнорируют, но факт в том, что если вы хотите одинакового отображаения во всех браузерах, нужно от него избавится. Сделать это можно с помошью почти любой программы по оптмизации изображений.
PNGre — под Windows.
ImageOptim — под Mac OS.
PunyPNG — Web сервис.
Возможно дело в самой картинке.
В ней скорее всего содержится мета информация о цветовой гамме.
Почистите изображение утилитой tweakPNG или пересохраните картинку в более новой версии фотошопа.
Я так понимаю, что IE шестой версии?
Если да, то проблема в том, что IE 6 (и ниже) не умеет нормально работать с прозрачностью в PNG.
Решение:
1. Качаете: http://homepage.ntlworld.com/bobosola/pngfix.js.
2. Добавляете на страницу
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
Вот тут есть описание проблемы: http://homepage.ntlworld.com/bobosola/pngtest.htm.
в своё время перепробовал множество png-фиксов, к сожалению, не нашёл ни одного, который решил бы все мои проблемы. фикс такого рода:
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
работает на ура, но почему-то деформирует картинки маленького размера, если мелких png-картинок нет (или же можно заменить их на gif), то советую воспользоваться им. Есть ещё куча других фиксов, например от монстра jquery, но все они неправильно обрабатывают бэкграунды, котрые повторяются и абсолютно спозиционированы.