transparent PNG dans IE6 (AlphaImageLoader)

Question

Comment puis-je obtenir le Microsoft.AlphaImageLoader de travailler ??

Je suis en train de ce qui suit:

.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; 
} 

Cela n'a aucun effet sur les PNGs (ils ne sont pas transparents).

Answer 1

Je pense que ce que vous faites est spécifier l'image d'arrière-plan, puis appliquer le filtre sur le dessus de cela. Vous ne devez PAS spécifier l'image d'arrière-plan pour IE6 et appliquer uniquement le filtre.

Sinon, vous obtenez l'image d'arrière-plan (sans transparence PNG), puis vous appliquez le filtre sur le dessus de cette - montrant effectivement deux PNGs mais le haut est transparent.

Aussi, vérifiez votre chemin src pour le filtre - Je crois que cela fonctionne il différemment que les chemins d'URL CSS (le chemin est par rapport à l'emplacement de la page, et non pas le fichier CSS)

Answer 2

J'ai eu tellement des maux de tête en essayant d'obtenir le soutien IE6 PNG, jusqu'à ce que je trouve ceci: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Il est une solution simple, et fonctionne bien pour tout ce qu'il faut. J'espère que cela fonctionne aussi bien pour vous!