Javascript : Fixer le problème de transparence des images PNG sur Internet Explorer.
Par Gerald Lonlas le vendredi 7 septembre, 2007, 13:01 - Dev: xHTML / CSS / Javascript - Lien permanent
Je suis tombé par hasard sur un script permettant de corriger le problème de la gestion de la transparence des fichiers PNG sous Internet Explorer 5.5 et 6.
Bien sur nous trouverons de moins en moins d’Internet Explorer en version 5.5 et 6, mais pour le moment ils sont encore présents sur le net. Il faut donc trouver une solution.
Jusqu'à présent j’utilisais le format GIF pour la transparence, mais ce format n’est vraiment pas génial, limité à 256 couleurs, ne permetant pas de transparence sur des couleurs ou des textures (exemple des dégradé), le GIF est un format trop restrictif à mon gout.
Au contraire le format PNG répond à toutes nos demandes, mais seul les navigateurs récents (Firefox, Opera, IE7, … ) gèrent correctement le PNG.
La solution ? Un javascript et trois lignes d’HTML dans vos pages.
Téléchargement du javascript.
Intégration du script dans vos pages :
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
L’itération HTML « <!--[if lt IE 7.]>” est un hack destiné à IE (exclusivement sous Windows) qui lui indique d’utiliser le script pngfix.js.
Pour plus d’information sur l’utilisation et le fonctionnement de ce script je vous invite à aller sur : http://homepage.ntlworld.com/bobosola/

Commentaires
Si il y a inscrit <!--[if lt IE 7.]>, cela ne va-t-il fonctionner que si l'utilisateur IE 7 ? Et donc ca ne marchera pas pour IE 535 et 6 ??
Bizarre le script.
Non psyko tu ne comprend pas, c'est if version inférieur à IE 7 alors on utilise le JS