[Traitement d'image] Image PNG et couleur transparente [Résolu]

Nyphel · 20/10/2007, 08h40

Bonjour,

Pour mieux comprendre, voici sans plus tarder la page web en question :
http://location.btz.free.fr/

Sur la gauche on peut voir un menu composé de 10 étiquettes.
Ces étiquettes sont des images au format PNG avec fond transparent.
Chacune d'entre elle est disposée dans une <DIV>, et chacune de ces <DIV> est alors positionnée via du CSS.

Mon soucis est que la représentation diffère entre Microsoft Internet Explorer 7 et Mozilla Firefox 2, et ce de manière conséquente : le fond transparent de l'image devient visible sous Microsoft Internet Explorer, et il prend une couleur bleutée !

Voici le rendu (correct) sous Mozilla Firefox 2 :

Voici le rendu (incorrect) sous Microsoft Internet Explorer 7 :

Les images en question sont disponibles dans le répertoire suivant :
http://location.btz.free.fr/images/menu/

Si quelqu'un a un conseil, uns astuce ou une solution, je suis preneur

sidahmed · 20/10/2007, 17h54

Bonjour,

ton problème a déjà été abordé dans le forum CSS, donc cherche dans ce forum, tu vas sûrement trouvé la solution à ton problème, je pense même qu'il y a des bouts de code à insérer pour régler le problème d'affichage des PNG, sinon tu peux toujours utilisé des GIF.

Cordialement,
Sidahmed.

Nyphel · 20/10/2007, 18h56

Bonsoir,

Une solution m'a été indiquée sur un autre forum :
http://www.developpez.net/forums/sho...65#post2599665

Il s'agit d'utiliser un script Javascript qui vient corriger l'utilisation des images PNG pour IE5.5 et IE6. Dans mon cas cela ne suffit pas, puisque mes images sont "écrites" dans mon documet via l'appel d'une fonction Javascript de mon cru.

Si j'utilise le script correctif PNG, mes images n'apparaissent plus du tout

Dsphinx · 22/10/2007, 11h03

IE supporte mal

la transparence des images PNG
certaines propriétés des CSS

Bref tout ce que tu utilises dans ton menu ! Désolé mais c'est l'éternel combat du webmaster de faire un site compatible IE / FF / Opera / etc...

Nyphel · 22/10/2007, 11h14

Mais dans le cas présent le script correctif PNG fonctionne... Tant que je n'écris pas le code <IMG> depuis une fonction Javascript

SpaceFrog · 25/10/2007, 15h29

rappelle la fonction de correction après avoir appendé l'image !

20/10/2007, 08h40	#1
Nyphel Nouveau Membre du Club Inscription : novembre 2006 Messages : 157 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 157 Points : 38 Points : 38	[Traitement d'image] Image PNG et couleur transparente Bonjour, Pour mieux comprendre, voici sans plus tarder la page web en question : http://location.btz.free.fr/ Sur la gauche on peut voir un menu composé de 10 étiquettes. Ces étiquettes sont des images au format PNG avec fond transparent. Chacune d'entre elle est disposée dans une <DIV>, et chacune de ces <DIV> est alors positionnée via du CSS. Mon soucis est que la représentation diffère entre Microsoft Internet Explorer 7 et Mozilla Firefox 2, et ce de manière conséquente : le fond transparent de l'image devient visible sous Microsoft Internet Explorer, et il prend une couleur bleutée ! Voici le rendu (correct) sous Mozilla Firefox 2 : Voici le rendu (incorrect) sous Microsoft Internet Explorer 7 : Les images en question sont disponibles dans le répertoire suivant : http://location.btz.free.fr/images/menu/ Si quelqu'un a un conseil, uns astuce ou une solution, je suis preneur
	00

22/10/2007, 11h03	#4
Dsphinx Modérateur Développeur Web Inscription : septembre 2005 Messages : 1 032 Détails du profil Informations personnelles : Sexe : Localisation : Suisse Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : septembre 2005 Messages : 1 032 Points : 754 Points : 754	IE supporte mal la transparence des images PNG certaines propriétés des CSS Bref tout ce que tu utilises dans ton menu ! Désolé mais c'est l'éternel combat du webmaster de faire un site compatible IE / FF / Opera / etc... __________________ Les cours: XHTML, CSS, PHP, Flash et Javascript Expliquez votre problème clairement et pensez à remercier ceux qui vous ont aidé. N'oubliez pas : Le tag résolu est la meilleure des satisfactions sur developpez.com Aucune question technique par MP.
	00

25/10/2007, 15h29	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 127 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 127 Points : 45 287 Points : 45 287	rappelle la fonction de correction après avoir appendé l'image ! __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

20/10/2007, 17h54	#2
sidahmed Inactif Inscription : mars 2006 Messages : 353 Détails du profil Informations forums : Inscription : mars 2006 Messages : 353 Points : 241 Points : 241	Bonjour, ton problème a déjà été abordé dans le forum CSS, donc cherche dans ce forum, tu vas sûrement trouvé la solution à ton problème, je pense même qu'il y a des bouts de code à insérer pour régler le problème d'affichage des PNG, sinon tu peux toujours utilisé des GIF. Cordialement, Sidahmed.
	00

20/10/2007, 18h56	#3
Nyphel Nouveau Membre du Club Inscription : novembre 2006 Messages : 157 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 157 Points : 38 Points : 38	Bonsoir, Une solution m'a été indiquée sur un autre forum : http://www.developpez.net/forums/sho...65#post2599665 Il s'agit d'utiliser un script Javascript qui vient corriger l'utilisation des images PNG pour IE5.5 et IE6. Dans mon cas cela ne suffit pas, puisque mes images sont "écrites" dans mon documet via l'appel d'une fonction Javascript de mon cru. Si j'utilise le script correctif PNG, mes images n'apparaissent plus du tout
	00

22/10/2007, 11h14	#5
Nyphel Nouveau Membre du Club Inscription : novembre 2006 Messages : 157 Détails du profil Informations forums : Inscription : novembre 2006 Messages : 157 Points : 38 Points : 38	Mais dans le cas présent le script correctif PNG fonctionne... Tant que je n'écris pas le code <IMG> depuis une fonction Javascript
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email