Прозрачность PNG через HTC от TwinHelix

Опишем, как можно решить проблему отображения прозрачного альфа-канала PNG-рисунков в IE6 и ниже при помощи HTC-файла от TwinHelix. Это простой вариант решения, который может помочь с этой проблемой.

Это продолжение статьи о проблеме отображения прозрачности PNG-файлов в IE6. Начало статьи вы можете найти по следующей ссылке: проблема прозрачности PNG в IE6.

Этот вариант заставить IE6 обрабатывать альфа канал PNG изображения основан на использовании HTC-файла от TwinHelix. Такой подход позволяет отобразить даже повторяющуюся заливку из прозрачных PNG-файлов.

Для начала, нужно скачать архив по следующей ссылке: iepngfix от TwinHelix. В составе этого архива входят файл HTC, скрипт для реализации заливки фона элементов плиткой и исходный пример работы. Вам нужно на своем хосте создать папку, скажем, "pngfix". В эту папку залить из архива следующие файлы:

• iepngfix.htc
• blank.gif
• iepngfix_tilebg.js

Создаете привычным способом дизайн вашего сайта, применяя класические свойства и CSS-стили. В качестве изображений используете PNG-файлы с прозрачностью.

Далее, в теле HEAD страницы нужно прописать следующий код:

В CSS стилях для элементов с прозрачным PNG нужно добавить следующую строку:

После этих несложных манипуляций прозрачность PNG в IE6 должно заработать.

В следующем посте опишу, как можно решить проблему прозрачности PNG при помощи плагина к jQuery - pngFix.

На этой ноте заканчиваю. Удачи в свершениях!

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

• 1
• 2
• 3
• 4
• 5

Прозрачность PNG через HTC от TwinHelix
Справочники
Скрипты, инструкции, справочники