Решение проблемы прозрачности через IE7.js

Продолжим описание методов исправления бага в браузерах Internet Explorer версии 6 и ниже. Этот баг - отсутствие поддержки прозрачности в PNG рисунках.

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

В данной статье мы рассмотрим творение Dean Edwards'a, которое известно под названием IE7.js .

Для того, чтобы проверить работоспособность данного метода, можно посетить демо-страницу проекта IE7.

А теперь приступим к использованию скрипта.

Для начала скачаем архив по следующей ссылке: ie7-2.1(beta4).zip. Из архива нам нужны 2 файла:

• IE9.js
• blank.gif

Размещаем эти 2 файла на своем хосте. В теле HEAD подключаем скрипт следующим кодом:

Адрес в коде замените на свой.

Скрипт автоматически включит прозрачность для всех PNG рисунков, у которых название будет заканчиваться на -trans.png . Для того, чтобы скрипт воспринимал все PNG рисунки, независимо от окончания имени, нужно ввести глобальный параметр. Этот параметр нужно ввести выше кода подключения скрипта следующим способом:

После этих изменений на странице прозрачность в PNG начнет отображаться. Учтите, что по-умолчанию, изображение в альфа канале растягивается на весь родительский блок повторами. Если нужно это запретить, воспользуйтесь CSS свойством no-repeat.

Кроме прозрачности в PNG, IE7.js решает еще и некоторые другие проблемы с IE6:

• CSS свойство min-width(height)
• CSS свойство opacity
• CSS свойство background-attachment
• селекторы и псевдоклассы CSS2.0
• множество исправлений багов IE5.5/6/7/8

Учтите, если у пользователя отключен JavaScript, то исправления ему не будут видны. Он будет видеть все так, как будто баги не были исправлены.

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

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

• 1
• 2
• 3
• 4
• 5

Решение проблемы прозрачности через IE7.js
Справочники
Скрипты, инструкции, справочники