Png в ie6

PNG в IE6

Якщо Ви вже трохи займалися створенням сайтів, то могли помітити, що PNG-зображення в браузері IE6 і нижче відображаються не коректно. Приклад такого "кривого" відображення в PNG в IE6 можна спостерігати на зображенні до статті (ліве зображення). Дивно, але багато Web-майстра просто забивають на це, виправдовуючись тим, що IE6 використовує не більше 4% користувачів. Я вважаю це великою дурістю, адже рішення цієї проблеми настільки просте, і про нього я розповім в цій статті. А результат цього рішення Ви можете спостерігати знову на зображенні до статті (зображення праворуч).




Щоб вирішити проблему відображення PNG в IE6 і більш ранніх версіях цього браузера, треба скористатися простим скриптом на jаvascript, який Ви можете завантажити звідси: скачати hack для png.

Далі Ви зберігаєте цей скрипт до себе на сайт, наприклад, в папку js. І, нарешті, на всіх сторінках сайту, де у Вас є зображення в PNG-форматі, Ви вставляєте наступні рядки в голові документа (всередині тега head):

Таким чином, всі браузери IE, молодше 7-ий версії будуть підключати цей скрипт, який виправить проблему відображення всіх PNG-зображення на сторінці в IE6 і нижче.

Поділися в соціальних мережах:

Схожі
Зміна курсору при наведенні мишіЗміна курсору при наведенні миші
Як замість маркера списку поставити зображення через cssЯк замість маркера списку поставити зображення через css
Скрипт галереї на jаvascriptСкрипт галереї на jаvascript
Як створити асоціативний масив в jаvascriptЯк створити асоціативний масив в jаvascript
Як зашифрувати jаvascriptЯк зашифрувати jаvascript
Ізоображеніе на хвилях в jаvascriptІзоображеніе на хвилях в jаvascript
Плавне зміна зображення в jаvascriptПлавне зміна зображення в jаvascript
Випадає зображення із заслання на jаvascriptВипадає зображення із заслання на jаvascript
jаvascriptjаvascript
Об`єкт image в jаvascriptОб`єкт image в jаvascript
» » Png в ie6