Alca Torda Conseil

C’est bien connu, Internet explorer est plutôt limité dans ses fonctions et ne permet pas d’utiliser la transparence des images png contrairement aux autres navigateurs comme Firefox.

Il existe malgrès tout un moyen détourné d’utiliser les fichiers png.

ce petit bout de code permet cela :
<div STYLE=”text-align:center;height:52px;width:48px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=’./images/image.png’, sizingMethod=’scale’)”></div>

Malheureusement si grâce à ce code vous pouvez voir la transparence des images png sous IE, Microsoft a bien fait les chose puisque vous rendez invisible l’image sous tout autre navigateur.

Plusieurs astuces existent pour régler ce problème.

L’astuce consiste en l’utilisation d’un petit script javascript qui se trouve à cette page :
http://www.alcatorda.com/doc/png.js

Ajoutez dans le header de vos pages ce bout de code en respectant le trajet du fichier :

<!–[if gte IE 5.5000]>
<script language=”JavaScript”; src=”./png.js”></script>
< ![endif]–>

et ajoutez au site la page png.js

Le tour est joué.

Remarque :

cet article a été écrit en 2005. Depuis, pas mal de choses ont évolué et entre autres internet Explorer. Vous pouvez trouver une version améliorée de ce script à cette adresse : http://24ways.org/2007/supersleight-transparent-png-in-ie6

Si vous avez besoin d’une traduction, laissez-nous un message.