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

Предлагаю рассмотреть еще один способ борьбы с PNG-прозрачностью в IE6 и ниже. Этот метод основан в использовании скрипта DD_belatedPNG от Drew Diller.

Первым делом, нужно скачать скрипт с сайта автора: DD_belatedPNG_0.0.8a-min.js. Также, можете воспользоваться копией, которая лежит на нашем сервере: DD_belatedPNG_0.0.8a-min.rar.

Скачанный js-файл нужно загрузить на свой хост. Далее присоединяем скрипт к странице. Для этого в теле HEAD страницы пишем следующий код:

Не забудьте поменять адрес к скрипту на свой!

Далее, всем элементам, которые используют прозрачные или полу-прозрачные PNG-рисунки, нужно задать класс png. Класс, в принципе, может быть любой. Но он должен быть один для всех элементов. Пример:

Следующим этапом нужно запустить скрипт в работу. Код писать сразу после кода подключения скрипта к странице:

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

Эта статья является продолжением. Начало можете прочитать тут: Проблема прозрачности PNG в IE6.

На этом все. Удачи в свершениях!

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

x;z-index:1 }

• 1
• 2
• 3
• 4
• 5

Google+

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