PNG transparent en background...

Bonjour,
j'ai un petit souci de png, enfin simplement sous IE (6/7) bien sûr !
disons que j'utilise la technique iepngfix.htc mais cette astuce ne semble pas affecter mes png qui ne sont pas écrit en dur dans une balise <img> mais inscrit dans un background d'une div.
Si quelqu'un a une solution, ça serait cool.
voici le site en question (ATTENTION : EN CONSTRUCTION) : http://www.machineareves.com/exemple/contenu.php?page=0

dans mon cas l'utilisation de png est obligatoire, la transparence est importante.
Donc si quelqu'un a un truc ou alors s'il existe un moyen en css de rendre une couleur de background avec une opacité faible....
Merci d'avance

Salut,

Je ne sais pas quelle version tu utilises ni de qui tu tires ton script, mais celui-là fonctionne très bien :
http://www.twinhelix.com/css/iepngfix/demo/

Merci bien pour le lien,
je n'étais pas tombé sur ce site dans mes recherches. Je test ça dans la soirée.
Merci encore

Bonsoir,

Je suis confronté à un problème du même genre, sauf que je constate en plus un gros soucis de transcription des couleurs en PNG sous IE7 (pas seulement un problème de transparence).
IE7 semble bien accepter la transparence en PNG24 mais en revanche il ne gère pas la transparence complète ET la semi-transparence dans la même image : j'ai une image avec une couleur transparente à 60% et des bords arrondis au-delà desquels la transparence doit être totale. Firefox lit l'image correctement mais IE7 me rajoute du blanc là où il devrait y avoir une transparence complète.

Autre soucis : les couleurs sous IE7 n'ont plus rien à voir avec l'image originale (exportation Photoshop en PNG24). Tous les codes changent ! Quelqu'un a-t-il déjà constaté ce soucis ?

As-tu un exemple de PNG sous la main concernant le premier problème ?

Et en ce qui concerne le second, ce n'est pas vraiment la faute à IE7, mais plutôt à Photoshop qui gère très mal le format PNG. Tu devrais recourir à un logiciel comme PNGOptimizer pour améliorer les couleurs de tes images PNG et que les couleurs soient identiques sous les différents navigateurs :
http://psydk.org/PngOptimizer.php

Merci pour l'optimiseur de PNG, je vais aller voir ça sur le champ ! Je commençais aussi à avoir des doutes sur Toshop et du coup j'ai essayé avec Fireworks : même résultat... j'avais donc conclu que c'était IE7.

Voici le site sur lequel je travaille actuellement : http://www.syvolador.com . L'image qui pose problème est en fond de la boite de contact... Sous Firefox c'est nickel, sous IE6 j'ai tiré une croix sur l'effet de transparence (pas envie de mettre des scripts et des bidouilles, la transparence est purement esthétique, donc facultative), et sous IE7 c'est horrible...

PS : pngOptimizer ne résout pas mon problème : il compresse mieux l'image mais ne lui rend ni sa couleur d'origine ni sa transparence en bordure sous IE7 ... Je continue de penser qu'il s'agit d'un problème lié à IE7 car l'image s'affiche parfaitement sous Firefox (exportée par Photoshop).
Modifié par Jordi (29 Mar 2009 - 23:12)

Je fouille un peu au sujet de cette question de gestion des PNG/IE7 et je me rends compte que d'autres designers ont le même soucis : http://www.eggheadcafe.com/software/aspnet/32742905/bug-daffichage-png-au-m.aspx

Je n'ai pas encore trouvé ne serait-ce qu'une approche de réponse... Si j'obtiens des éléments je les posterai ici (c'est peut-être lié à XP ? )

Après avoir testé sur une autre machine avec un IE7 standalone, je me rends compte que c'est le moteur d'IETester (que j'utilise pour faire mes tests sous différentes versions d'IE) qui ne gère pas le PNG correctement !