Unitpngfix - виправлення прозорих png в internet explorer до 7 версії, web, it, програми,

При створенні шаблону для цього сайту я використовував багато картинок в png з прозорістю. У FF, Opera, Chrome, Safari - все виглядає чудово, але як відкрив в ie - ужос! всі прозорі картинки на незрозумілій сірому тлі.

Звісна річ, усіма "улюблений" браузер microsoft internet explorer 6, 5.5 та більш ранніх версій не відображає нормально png з прозорістю.

Для виправлення прикрого непорозуміння слід задати об'єктів додаткові властивості, від MS IE (DXImageTransform.Microsoft.AlphaImageLoader і іже з ними). Найчастіше, для цього використовують jquery.pngFix - плагін для jQuery, який вирішує питання відображення PNG-файлів з полупрозрачностью в Internet Explorer 6 і 5.5.
Насамперед я так і зробив, але як виявилося - jquery.pngFix не виправляє прозорість png, які задаються в css властивості background!

Після недовгих пошуків знайшов підходящий інструмент - Unit PNG Fix!

  • Дуже компактний: менше 1 кб!
  • Виправляє більшу частину проблем, викликаних доп.аттрібутамі IE
  • Працює і на об'єктах img і на аттрибутах background-image. background
  • Запускається автоматично. Не потрібно визначати класи, щоб викликати функції.
  • Підтримує елементи з auto (автоматичної) шириною і висотою.
  • Дуже простий в установці.

Використання і установка:

  1. Скачайте архів Unit PNG Fix
  2. З архіву потрібно 2 файли: unitpngfix.js (сам скрипт) і clear.gif (прозорий gif 1x1 піксель)
  3. Необхідно вказати правильний шлях до clear.gif в самій першому рядку файлу скрипта unitpngfix.js. наприклад:
  • Закачайте unitpngfix.js і clear.gif на хостинг.
  • Підключіть файл unitpngfix.js в секції head шаблону, наприклад так:
  • Все, повинно працювати.
  • Якщо щось не запрацювало - перевірте шляхи до файлів (в шаблоні і в unitfix.js)

    • Схожі статті