Прозрачный PNG в IE6 (AlphaImageLoader)

Question

Как мне заставить работать Microsoft.AlphaImageLoader ??

Я пытаюсь сделать следующее:

.navHeader
{


    /*Alpha Loader*/

     background-image: none;    
     background:transparent url('../../../../commondata/sharedimages/summary/NavBox_topMiddle.png'); 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../../commondata/sharedimages/summary/NavBox_topMiddle.png',sizingMethod='scale');



    text-align: center;
    font-family: Arial, Helvetica, san-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 16px;
}

Это не влияет на PNG (они не прозрачные).

Answer 1

Я думаю, что вы делаете, задаете фоновое изображение и затем применяете фильтр поверх этого.Вам НЕ нужно указывать фоновое изображение для IE6, а только применять фильтр.

В противном случае вы получаете фоновое изображение (без прозрачности PNG), а затем применяете фильтр поверх него - эффективно показывая два PNG-изображения, но только верхний является прозрачным.

Кроме того, дваждыпроверьте ваш src-путь для фильтра - я считаю, что он работает по-другому, чем CSS-пути URL (т. е. путь относительно местоположения страницы, а не файла CSS)

Answer 2

У меня была сильная головная боль при попытке получить поддержку IE6 PNG, пока я не нашел это: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Это простое исправление, и оно хорошо работает для всего, что мне нужно.Надеюсь, это сработает и у вас!