Прозрачность png в Internet Explorer 6
Наверное каждый веб-мастер уже знаком с проблемой отображения прозрачности картинок формата .png в internet explorer 6. Да наш «любимый» IE 6 версий (в 7 все отлично) не хочет корректно отображать прозрачные картинки этого формата т.е. вообще никакой прозрачности не наблюдается.Что делать? Я встречал много разных способов решения этой проблемы, но этот показался мне самым простым.
1. Качаем этот файлик (javascript)
2. Достаем с архива и кладем его в корневую папку вместе с index.html (index.php)
3. В index.html (index.php) добавляем между <head> </head> следующий код:
<!–[if lt IE 6.]–>
<script defer type=»text/javascript» src=»pngfix.js» mce_src=»pngfix.js»></script>
<!–[endif]–>
Собственно и все! Теперь все картинки везде будут отображаться корректно.
Источник: xyberneticos
Комментарии (45)
18 августа в 16:55 | #
самый легкий способ – пересохранить картинку png в gif или jpeg.
и не надо никаких скриптов) не ебите мозг.
18 августа в 17:21 | #
а если тебе необходима прозрачность а 256 цветов не хватает для картинки? )) не хамите.
11 февраля в 07:42 | #
Ну конечно, GIF – хорошо, а при наличие полупрозрачных и прозрачных пикселов, как, например, в случае закругленного футера, приходится все равно использовать формат PNG. Тут уже никуда не денешься…
22 февраля в 14:02 | #
Спасибо, все качается, работает. Но есть маленькая проблемка, – не выводит страницу на печать. Что делать?
12 апреля в 11:24 | #
У меня такая проблема, во первых в одном месте я использую пнг файл как background, прозрачность не отображается, а в другом месте у меня прозрачные кнопки, использую onMouseOver= onMouseOut= прозрачности тоже нет
16 июля в 04:40 | #
Попробую скрипт, но у меня другая проблема – на одной из машин в ИЕ6 большая часть Png не показывается вообще. Этот скрипт не помогает, будем думать, что еще может помочь
16 сентября в 03:51 | #
Все замечательно работает! 
Надо уметь пользоваться… только настроить еще скрипт немного надо, т.к. в нем изменяется первоначальный вывод img на не совсем то, что было.
25 января в 15:57 | #
Вот еще один вариант (http://labs.unitinteractive.com/unitpngfix.php), который исправляет некоторые проблемки, например, не отображалась прозрачность со свойством background-image.
13 апреля в 12:56 | #
у меня все работает, все прозрачно.
толькол теперь проблема появилась: ссылка-картинка при hover была другим цветом, после подключения скипта hover не работает
16 апреля в 19:06 | #
У меня не работает(( ну почему???? я устала с этим бороться в тут я чета ниче не пойму…. http://shaman.asiadata.ru/node/46
17 апреля в 19:43 | #
Сам приведенный скрипт нормальный, а вот условный комментарий НЕВЕРНЫЙ!!! Во первых надо писать не "lt IE 6." а "lt IE 7", Во вторых сами кавычки(такие как в примере) не обрабатываются браузером… В общем вместо приведенного условного комментария втавляйте этот:
<!–[if lt IE 7]>–>
Удачи!)
17 апреля в 19:47 | #
Сорри!
< !–[if lt IE 7] >
< script defer type="text/javascript" src="pngfix.js" mce_src="pngfix.js" ></script>
<![endif]–>
17 апреля в 19:53 | #
Или так?!
< !–[if lt IE 7] >
< script defer type="text/javascript" src="pngfix.js" mce_src="pngfix.js" ></script>
<![endif]–>
17 апреля в 20:03 | #
Короче сохраните этот текст в html-файл откройте в браузере и скопируйте текст:
< !–[if lt IE 7] >
< script defer type=" text/javascript" src=" pngfix.js" mce_src=" pngfix.js" ></script>
<![endif]–>
17 апреля в 20:14 | #
А лучше этот! Окончательная версия(и кавычки и знаки больше меньше и дефис прокатит):
<!−−[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js" mce_src=" pngfix.js"></script>
<![endif]−−>
Сорри за спам, но надо как-то решать такие вопросы()
17 апреля в 20:16 | #
Суперокончательная версия!
<!−−[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js" mce_src=" pngfix.js"></script>
<![endif]−−>
25 сентября в 19:49 | #
Ребята, у меня не работает.
Может, я неправильно что-то делаю?
Помогите, пожалуйста.
Спасибо.
http://br.lora.in.ua/
1 октября в 21:49 | #
ЛОЛ Андрей отжог))) И спасибо ему за этот отжиг, теперь все работает)))
И спасибо за скрипт!!! Очень помог!
12 октября в 15:25 | #
пробовал и самый окончательный вариант от Андрея, и вариант кода, прописанный в самом js-файле, но что-то ничего не работает(( Пути верные, ошибок вроде не вижу. Есть ли разница по сабжу между шестым ослом и multiple IE?
serEga отвечает:
13 октября, 2009 в 21:24 | #
Попробуйте вот этот вариант, это решение по-новее: http://artslab.info/2008/07/novyiy-png-fiks-dlya-…
27 июля в 04:32 | #
I opine that to get the home loans from banks you ought to have a firm reason. However, one time I've received a auto loan, just because I wanted to buy a building.
3 октября в 01:36 | #
А как добиться в IE6 прозрачности png, если картинка помещена в background?
15 декабря в 21:17 | #
Этот прикол работает в случае размещения изображения через тег img, Но если рисунок находится в фоне (background) – всё даром.
20 декабря в 18:37 | #
Для бэкграунда зачастую юзаю фильтр, например:
* html .s1{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sat.png');
}
Минус этого способа в том, что ссылки перестают работь, если они есть в этом элементе. Трабл этот как-то фиксится, не помню как. Могу заморочиться и поискать, если кому интересно.
maldek108 отвечает:
25 мая, 2009 в 02:54 | #
El Pase дурак ты и нелечишся, тебе говорят как прзрачность делать, а ты говоришь jpeg…
апстенку!
Ответить