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

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

  • Айрат

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

    • Пока есть Windows XP — будет ИЕ6, пока его использует около половины наших посетителей — наша студия будет его поддерживать. Пока банк-клиенты не научатся работать в браузерах отличных от ИЕ — его будут использовать. Замкнутый круг.

      И это не велосипед, а одна из заплаток для ИЕ. Да и в примере я использую именно GIF 🙂

  • Подписался на ваш блог, чтобы не было таких казусов 😉

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