On en parle assez, Internet Explorer ne gère pas bien certaines spécifications du W3C ainsi que la transparence de images au format PNG.
Nous devons alors ruser pour contourner ces lacunes comme en témoignent ces deux articles.
L'équipe de Google s'est penchée sur ce problème et nous propose un script Javascript qui semble être le solution à ces problèmes.
À propos
IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser.
It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6.
IE7 est une blibliothèque JavaScript pour permettre à Internet Explorer de se comporter comme un navigateur conforme aux normes.
Il fixe beaucoup de problème HTML et CSS et permet l'utilisation des PNG transparents sous IE5 et IE6.
Utilisation
IE7.js
Upgrade IE5 & IE6 pour être compatible avec IE7.
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta2)/IE7.js" type="text/javascript"></script>
<![endif]-->
IE8.js
Upgrade IE5 jusque IE7 avec les fonctionnalités CSS manquantes dans IE7.
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta2)/IE8.js" type="text/javascript"></script>
<![endif]-->
PNG
Le script ne fixe que les images nommés *-trans.png
Le script ne permet pas encore l'utilisation de des propriétés CSS background-repeat et background-position avec les image d'arrière plan transparentes.
Téléchargement
Vous pouvez télécharger les scripts depuis le site Google Code.
Démonstration
Un page de démonstration est disponible ici.
Pratique !