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

Справочники

Рисунок Решение проблемы прозрачности через IE7.js
Решение проблемы прозрачности через IE7.js Решение проблемы прозрачности через IE7.js
оценка: 4.3 из 5
оценок: 3

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

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

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

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

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

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

  • IE9.js
  • blank.gif

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

Code
<!--[if lt IE 9]>
<script type="text/javascript" src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

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

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

Code
<script type="text/javascript">var IE7_PNG_SUFFIX=".png";</script>

После этих изменений на странице прозрачность в 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. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




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

rss
Категория:Справочники
Просмотрено:4615
Рейтинг:4.3/3
Дата добавления:2011-06-15 08:31, Среда
Добавил:Szen
Теги:PNG, дизайн, Transparent, Прозрачность, IE6

Мини-форум

№ 02011-06-15 08:31
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Решение проблемы прозрачности через IE7.js".
Гость
Учавствовать в обсуждении "Решение проблемы прозрачности через IE7.js" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

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

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



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