Abydos Ma vie, mon univers, ma passion.

Fixer les PNGs sur IE6

J'ai essayé moulte fixs trouvés sur le net qui marchent plus ou moins bien et qui sont le plus souvent assez contraignant, typiquement rajouter un behavior à chaque fois qu'il y a un png (background ou simple image).

Ne gérant pas d'habitude ces soucis là pour mes projets personnels, j'ai dû quand même m'y mettre pour le travail. J'ai donc essayé "IE PNG Fix" disponible à cette adresse : iepngfix. Il marche bien, n'est pas trop envahissant si ce n'est que comme dit plus haut il faut rajouter un attribut behavior qui appelle un script. Typiquement pour fixer toutes les images on fait :

img {
behavior: url(iepngfix.php);
}

Pour les background qui utilisent un png, il faudra mettre ce behavior dans toutes les class, ce qui est encore une fois assez fastidieux.

Utilisant Jquery depuis peu au travail et par la suite dans mes projets perso, je me suis dit que tant qu'à faire du sexy, autant aller jusqu'au bout, donc fixer les pngs. J'ai donc recherché le fix décris plus haut et je suis tombé sur un plugin de jquery que je n'avais jamais vu avant : jquery.pngFix.js.

L'installation est vraiment très simple, il suffit d'inclure un fichier .js, de copier un fichier "blank.gif" (pour gérer la transparence) et... c'est tout, plus besoin d'utiliser de behavior & co !