Верх страницы
Время для прочтения: 0 мин. 13 сек.

Эмуляция альфа-канала в Internet Explorer 6

Как известно, Internet Explorer 6 не поддерживает полупрозрачность PNG-24 (альфа-канал), с которыми он работает как триггер, имея два состояние — прозрачность есть, прозрачности нет.

Например, вам необходимо сделать popup или lytebox с затемнением его заднего фона. Для эмуляции данного эффекта достаточно создать GIF-изображение размерами 2х2 пикселя следующего содержания:

а затем размножить его во всех направлениях

HTML:

<div class="overlay">
    <div class="popup"></div>
</div>

CSS:

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('emu_2x2.gif') repeat 0px 0px;
}

Это всего лишь пример, для реализации которого лучше использовать специальные фильтры Internet Explorer. Об этом я уже рассказывал в статье «Поддержка RGBA в Internet Explorer»

Ссылки

Автор: Кобзарёв Михаил

Русский разработчик со стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Joomla, Drupal, Opencart, Laravel, Moonshine.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

4 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Дмитрий Волотко
13 лет назад

Оказывается могут 🙂 Да и не мы придумали этот метод — ему лет очень много.

Айрат
Айрат
12 лет назад

опять же вы все изобретаете велосипед
наплюйте на ie6 его уже нет
сообствено ему можно и gif указать картинку

Предыдущая запись
Следующая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы