PNGHack — La fin de 7 ans de malheur avec IE 6

En 2001 Internet Explorer 6 n’avait toujours pas intégré la transparence du format PNG pourtant sorti en 1995. Cette gestion de la transparence est une des fonctionnalités qui manquent le plus aux web designers…

Parmi les nombreux scripts permettant à IE6 de gérer cette transparence, je vous propose de jeter un oeil sur PNGHack de Yves Van Goethem.

Voir la présentation sur Slideshare.

Sauf erreur de ma part, tous les scripts pour obtenir la transparence du PNG-24 (ou PNG-32, on passe parfois d’un nom à l’autre) dans IE6 utilisent le filtre DirectX AlphaImageLoader pour les background CSS, et toujours le même filtre mais sur un DIV (ou autre élément vide) remplaçant l’image d’origine pour les images insérées dans le code HTML.

Donc on retrouve les soucis habituels:

pas de background-repeat, background-position, etc. (vu qu’il ne s’agit pas d’une image de fond…);
problèmes de liens cliquables et de texte non sélectionnable.

Plus quelques soucis éventuels de positionnement pour les images remplacées par des DIV ou SPAN.

Au final, et même si certains scripts s’évertuent à contourner ces problèmes, il me semble préférable d’être capable de comprendre le fonctionnement de ce genre de correctifs, de les faire soi-même à la main éventuellement, de savoir contourner les effets secondaires lorsque c’est possible, et de connaitre les limites de la méthode. Bon, en gros il faut être un peu expert pour gérer ça bien… ou bien faire de la dégradation gracieuse et se contenter d’images de fond en PNG-8 pour IE6 (et PNG-24 pour tout le monde sauf lui), ou utiliser des images PNG-24 avec couleur de fond par défaut enregistrée (pour éviter le fond gris moche et lui substituer la couleur opaque de son choix).

Notons que même en étant expert on peut préférer la dégradation gracieuse:

plus simple à mettre en place;
sans effets secondaires problématiques (et donc chronophages);
sans effets secondaires qui se manifesteraient quinze jours plus tard ou une fois le site mis en production…;
IE6 = 20-25% des utilisateurs?

7 thoughts on “PNGHack — La fin de 7 ans de malheur avec IE 6”