Abel Poucet Webdesign
Accueil du site > tools > Comment afficher les transparences des .png dans IE6 avec SPIP
Comment afficher les transparences des .png dans IE6 avec SPIP

Comment afficher les transparences des .png dans IE6 avec SPIP

|

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

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 publique en appliquant le script sur l’image voulu (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-...

Vos réactions

Aucune réaction pour l'instant. Utilisez le formulaire ci-dessous pour réagir à l'article.

Réagir

(Vous pouvez laisser un message en remplissant les champs ci-dessous)


Votre réaction :

Navigation alternative :

Contact

  • 14 bis, bd de l'Hôpital 75005 Paris
  • 06 81 35 98 00

Navigation / syndication

logo abel                        © Abel Poucet Webdesign - Motorisé par SPIP - Webdesign : Abel Poucet