PNG Image Fix pour IE (img et background)

Sylvain
Avatar
#1 le 14/11/2007 à 09:38
PNG Image Fix pour IE (img et background)
Celui ci marche en intégrant une classe à ta feuille CSS :

html img,
* html .png{
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}


Il faut ensuite créer un fichier GIF transparent de 1px sur 1 nommé « transparent.gif ».
Même les image en background seront transparentes en applicant la classe « png »



Pour que seulement IE6 voit ce code vous pouvez isoler ces lignes sur une feuille css et rentrer un commentaire conditionnel




http://komodomedia.com/blog/index.php/2007/11/05/css-png-image-fix-for-ie/

Actualités Medialibs

Intégrer son propre code dans...

Adria
En savoir plus...

Retrouvez un exemple de site...

Nouveau recrutement pour Medialibs !

image actu Anthony
En savoir plus...

Bienvenue à Antony Chauviré,...

Un partenariat avec un référenceur

En savoir plus...

Medialibs envisage un partenariat...

Formation collective les 17 et 18...

En savoir plus...

Inscrivez-vous à la formation sur...

Un site e-commerce en Flash

site Quai
En savoir plus...

Découvrez le premier site e-commerce...

Les grands projets

Les API pour les programmeurs

Afin de permettre aux programmeurs d'intégrer plus facilement leurs propres...

Suivre le développement
Le webo-graf

Véritable innovation, cet éditeur d'apparences vous permet d'intégrer... Suivre le développement


La V1.0 du webo-factory

Une nouvelle version encore plus intuitive et cognitive, simple à utiliser...
Suivre le développement

[Communauté] E-majine

Modification du champ "Case à cocher...

En savoir plus...

Une nouvelle option "Nombre maximum...

Les catégories de l'annuaire côté...

En savoir plus...

Les catégories de l'annuaire sont...

[Communauté] Izi-Media

Des nouvelles chartes graphiques pour...

En savoir plus...

Trois nouvelles chartes graphiques...

Sortie - Nouvelle version d'Izi-Media

En savoir plus...

La nouvelle version d'Izi média est...