Notes

Comment afficher les transparences des .png dans IE6 avec SPIP

Tags : ,

Comme chacun sait IE6 ne gère pas les transparences dans sa gestion des images en png 24 et les remplace par un fade gris grisâtre. Cela est bien dommage car l’utilisation du png 24, et sa gestion fine des transparences est un bonheur pour les graphistes web fatigués des bidouilles à bases de gif crénelés.

SPIP, depuis la version 1.8, utilise pour son back-office un petit script (win_png.htc) qui permet de forcer IE6 a gérer ces fameuses transparences si pratiques aux designers .

On peut donc utiliser cette fonction pour le site public en appliquant le script sur l’image voulue (ou sur toutes les images du site) grâce à l’utilisation d’un behavior sur une class.

On crée donc la class :

.ie_png {
        behavior: url("win_png.htc");
}

Il vous reste à donner la class à vos images :

<img class="ie_png" src="image.png" alt="" />

Si on veut passer l’effet sur toutes les images du site :

img {
        behavior: url("win_png.htc");
}

En ce qui concerne les images passées en background dans les CSS, c’est un peu plus compliqué, on en parle dans cette contrib : http://www.spip-contrib.net/Filtre-...

Voir en ligne : http://www.spip.net/fr_article3037.html

© 2017 - Abel Poucet web design