Верх страницы
Время для прочтения: 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»

Ссылки

ВКонтакте
Одноклассники
Telegram

Комментарии
Подписаться
Уведомить о
guest
4 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
Дмитрий Волотко
11 лет назад

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

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

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