CSS : différence FF et IE : Transparence des images

[beal2912]

Bonjour,

J'ai des différences d'affichage entre Internet Explorer et FireFox :

J'ai ajouter récement des icones au format .png sur mon site Webdesign-tutoriaux.com

les images ont de la transparence, dans FireFox l'affichage est correct.

Dans IE le navigateur m'affiche la couleur de fond de la page plutôt que la couleur de la couche inférieur.

J'ai utiliser des zindex

merci,

[captain_torche]

Tout simplement : IE6 ne gère pas la transparence Alpha sur le PNG.

[beal2912]

Merci de ta réponse rapide

Y a t'il un moyen de contourner le problème : est ce que le passage en .gif fonctionnerais ?

[captain_torche]

Tu peux passer en .gif, mais tu perdras l'avantage de la transparence progressive.

[karnabal]

Il existe des hacks pour rendre un png transparent sous Internet Explorer. En voici une preuve. Cette méthode nécessite le recours au Javascript.

En voici une en CSS : démonstration.

Il y a aussi des méthodes avec Php.

Enfin, IE 7 devrait gérer ce type d'image.

[captain_torche]

Malheureusement, même si IE7 le gère, il faudra compter encore pendant quelques années sur les utilisateurs encore sur IE6.

[beal2912]

Merci pour les hacks

effectivement avec 50% de fréquentation en IE 6 ou inférieur je ne peux pas laisser le site en état

[Tancrède]

et ça, à mettre dans la feuille CSS :

filter:alpha(opacity=80);

-moz-opacity:0.80;

opacity:0.80;

ça permet de rendre transparent les images, les background, etc...

je ne sais pas si ça marche avec png.