IE 6, Une solution pour la transparence sur les PNG

Malheureusement Internet Explorer 6 ne gère pas la transparence sur les images de type PNG... Assez embêtant me diriez vous ?

Sachez qu'il existe une nouvelle solution pour régler ce problème :

DD belated PNG (Site Officiel ) permet donc de résoudre le problème de transparence de façon très simple via l'utilisation d'un script .js(...)

Télécharger le script PNG FIX

Rendez vous à l'adresse suivante pour obtenir la dernière version : Telecharger DD_belatedPNG

Insertion du script dans votre code

Très simple, il vous suffit d'ajouter les lignes suivante dans votre balise <head></head>

<script src="DD_belatedPNG_0.0.8a.js"><!--mce:0--></script>
<script type="text/javascript"><!--mce:1--></script>

Utilisation sur une image transparente

Une fois DD_belatedPNG intégré dans votre code, il ne vous reste plus qu'à ajouter la class png_bg sur vos images pour avoir la transparence. Exemple :

<img class="png_bg" src="mon-image-transparente.png" alt="mon image">

Notez toute fois que dans la cas d'un utilisation pour un background-image le procédé est le même, appliquez la class png_bg à votre div.

Exemple :

<div class="png_bg">...</div>

D'autres solutions existent aussi...

DD_belatedPNG n'est pas la seule solution existante :

  • Modifier le chunk (segment) bKGD des png avec : TweakPNG
  • Le filtre AlphaImageLoader de Microsoft
  • Une solution général semblable à celle présentée ici : IePngFix