Images PNG

[.oO sh@b Oo.]

IE6 ne voit pas la transparence de mes images au format .png alors que firefox prend en compte la transparence sans problème...

est-ce un problème de conversion avec mon logiciel graphique ?

[PsyDk]

C'est juste IE6 qu'est une quiche, en revanche il supporte la transparence des images avec palette quand celle-ci est soit complètement transparente soit complètement opaque.

Il y a des hacks pour contourner ce non support de la part d'IE6 en utilisant des extensions propriétaires (je ne les ai plus sous la main mais à coup de Google on trouve des choses).

[calimo]

Par exemple la page http://phoenity.com/newtedge/png_degradability/

[PsyDk]

Par exemple la page http://phoenity.com/newtedge/png_degradability/

Ah ça je connais, mais ça ne fonctionne qu'avec des fonds unis

Voici pour le faire fonctionner avec n'importe quel fond, en utilisant les fameuses fonctions propriétaires MS :

Code : Tout sélectionner

<div style="width: 128px; height: 128px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yuk.png', sizingMethod='scale');"></div>

Un article sur le sujet dans Alistapart :
http://www.alistapart.com/articles/pngopacity/

[.oO sh@b Oo.]

Waow merci jvais tester ça !

[calimo]

Code : Tout sélectionner

<div style="width: 128px; height: 128px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yuk.png', sizingMethod='scale');"></div>

Mais alors on fait un magnifique code invalide Est-ce que c'est vraiment mieux ?

[PsyDk]

Code : Tout sélectionner

<div style="width: 128px; height: 128px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='yuk.png', sizingMethod='scale');"></div>

Mais alors on fait un magnifique code invalide Est-ce que c'est vraiment mieux ?

C'est le prix à payer pour que la transparence fonctionne sous IE. Sur mon site j'ai pris le parti de ne pas l'utiliser. Un hack a comme danger de faire penser aux gens : « pas besoin de support correct des PNG sous IE puisqu'on peut utiliser les extensions Microsoft, IE est donc très bien comme ça ».