• Opacity и AlphaImageLoader в IE

    Как известно, для отображения полупрозрачных PNG в IE6 нужно использовать CSS-фильтр AlphaImageLoader. Однако при использовании нескольких фильтров на одном элементе (например, Opacity и AlphaImageLoader) начинаются неприятности: у картинки появляются мерзкие артефакты:

    ie

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

    Посмотреть пример

    Метки: , ,
  • 7 комментариев

    1. Глеб Арестов
      10 марта 2009

      а почему не используешь
      http://www.dillerdesign.com/experiment/DD_belatedPNG/ (11 несжатых кб)
      ?

      библиотека использует VML для прозрачности, поэтому очень быстрая и нормально поддерживает фоновые картинки (http://webo.in/articles/habrahabr/75-png-alphaimageloader/)

    2. Сергей Чикуенок
      10 марта 2009

      Не знаю. На вид: довольно тяжелая реализация для простых вещей. Попробую как-нибудь на проекте, где будет много полупрозрачных PNG.

    3. Глеб Арестов
      30 апреля 2009

      а куда пример делся? :)

    4. Сергей Чикуенок
      30 апреля 2009

      Упс, вернул.

    5. 23 августа 2009

      Поэтому лучше использовать gif с Сглаживанием фонового цвета.

    6. Армен
      12 ноября 2009

      Сергей, а Вы вообще часто пользуетесь подобными фильтрами? они ведь нормально работают только в ИЕ

    7. 25 апреля 2010

      Армен, не заметили, статья посвящена именно ослику;)

    Комментировать

    Powered by Zen Coding

    (Spamcheck Enabled)