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

Ссылки

• Не может быть, ну не могут 2 человека до такого додуматься.
• Раз такие дела, тогда пример коллеги.

Похожие публикации:

1. Эмуляция position: fixed в Internet Explorer 6
   Internet Explorer 6 не поддерживает CSS-свойство position: fixed position, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression....
2. Эмуляция border-color: transparent в Internet Explorer 6
   К сожалению, Internet Explorer 6 не поддерживает прозрачность для рамок. В CSS это выглядит как border-color: transparent. Поэтому корректно работающий...
3. Internet Explorer 9.0
   Корпорация Microsoft на конференции разработчиков PDC 2009 в Лос-Анджелесе сообщила подробности о следующей, девятой, версии браузера Internet Explorer. Он будет...
4. Баг стилизации noscript-тега в Internet Explorer 8
   Содержимое тега <noscript> отображается, когда в настройках браузера выключена поддержка javascript. Сейчас по умолчанию данная поддержка включена во всех браузерах....
5. Поддержка RGBA в Internet Explorer
   Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa,...

Теги: CSS, HTML, Internet Explorer

Поделиться: