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

Эмуляция альфа-канала в 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»

Ссылки

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

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

Суровый русский тимлид. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Делает крутые высоконагруженные сайты, поэтому уже почти захватил весь рынок WordPress разработки в России. Не дает никому делать сайты без спроса.

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

Комментарии
Предыдущая запись
Следующая запись