[MOD]Nombre d'entre vous, webmasters, se plaignent de ne pouvoir utiliser des PNG de 32 bits (avec transparence) dans leurs réalisations, Internet Explorer (IE) ne sachant pas gérer nativement se type d'image.
PNG Fix It! est là pour çà.
Simple d'emploi et efficace, ce petit module peut être publié n'importe où et propose 3 méthodes différentes pour fixer l'absence de compatibilité d'IE avec les transparences partielles des images png.
2 réserves cependant : - la méthode The Hack by Punk! Software (celle qui est conseillée), ne fonctionne pas sur mon IE6. Du coup, je me suis rabattu sur la méthode The Hack by Dean Edwards - cette dernière peut avoir une influence sur les CSS (des qui ne sont plus tout à fait à leur place). Mais ça se compense facilement.
les png en background-image ont besoin d'être fixé Par fleuveblanc , 01 juin 2007
Il n'y a que la méthode The Hack by Dean Edwards qui fonctionne avec les png dans des background-image. Cependant, cette méthode ne semble pas savoir qu'IE7 n'a pas besoin d'être fixé.
Pour pallier à ce problème, il faut éditer le fichier modules /mod_pngfixit/ie7/ie7-png.js et ajouter le texte en gras :
/* IE7 version 0.7.3 (alpha) 2004/09/18 */ if(window.IE7)IE7.addModule("ie7-png",function(){if(appVersion6)return;[/b]var FILTER=
Avertissement :
Cette méthode supprime toutes les propriétés background basé sur une image png. Il n'est donc pas posible d'utiliser les propriétés background-repeat et background-position. De plus elle s'applique à toutes les images png, même celle qui sont en png-8 ou qui ne sont pas transparentes du tout. Si vous en utilisez ailleurs dans votre template, faites attention à ne pas avoir de mauvaise surprise ou convertissez vos png dans d'autres formats.
Mon texte en gras n'est pas passé dans le quote. Du coup, je le remets ici :
/* IE7 version 0.7.3 (alpha) 2004/09/18 */ if(window.IE7)IE7.addModule("ie7-png",function(){if(appVersion6)return;[/b]var FILTER=
correction d'un bug sur la méthode The Hack by Dean Edwards Par Mathias , 26 juin 2007
Cette méthode permet de fixer les .png dans les background-image. Cependant, il s'avère qu'au dessus de ces png, tout élément clicable (balises a, input...), n'est plus clicable.
J'ai trouvé une solution sur ce site : http://koivi.com/ie-png-transparency/ qui indique de d'ajouter à ces éléments clicables un style position:relative voire un style global sur l'ensemble des éléments concernés : a, input { position: relative; }
Télécharger 
Page principale du gestionnaire de fichiers
Télécharger
Total des Votes:1
Flux RSS pour les commentaires
2 réserves cependant :
- la méthode The Hack by Punk! Software (celle qui est conseillée), ne fonctionne pas sur mon IE6. Du coup, je me suis rabattu sur la méthode The Hack by Dean Edwards
- cette dernière peut avoir une influence sur les CSS (des qui ne sont plus tout à fait à leur place). Mais ça se compense facilement.