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

Справочники

Рисунок Прозрачность PNG через HTC от TwinHelix
Прозрачность PNG через HTC от TwinHelix Прозрачность PNG через HTC от TwinHelix
оценка: 3.0 из 5
оценок: 2

Опишем, как можно решить проблему отображения прозрачного альфа-канала 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 страницы нужно прописать следующий код:

Code
<script src="/pngfix/iepngfix_tilebg.js" type="text/javascript"></script>

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

Code
img, div, input {behavior: url("/pngfix/iepngfix.htc")}

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

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

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

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




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

rss
Категория:Справочники
Просмотрено:4239
Рейтинг:3.0/2
Дата добавления:2011-04-25 19:59, Понедельник
Добавил:Szen
Теги:PNG, дизайн, Transparent, Прозрачность, IE6

Мини-форум

№ 02011-04-25 19:59
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Прозрачность PNG через HTC от TwinHelix".
Гость
Учавствовать в обсуждении "Прозрачность PNG через HTC от TwinHelix" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Сколько сайтов у вас есть?
Всего ответов: 1797
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 7
Гостей: 6
Пользователей: 1

NiklKl
Портал SzenProgs.ru © 2008 - 2017 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz