transparence des PNG avec IE

transparence des PNG avec IE - Web design - Graphisme

Marsh Posté le 02-12-2005 à 15:33:48    

Hello!  :)  
 
décidemment plus ça va, et plus je déteste IE.....
sans être mauvaise langue, ils le font exprès ou quoi?!!!  :fou:  
 
je vous explique:
j'ai mis une image en background (elle fait toute la largeur de la page) et j'ai mis du texte par dessus (en fait c'est aussi une image car je veux que le texte ait un ombrage).
Il faut que l'image du texte soit une PNG pour qu'elle prenne la transparence autour du texte de manière à pouvoir voir l'image en background. (j'espère que je suis clair). ça marche à merveille sous Firefox MAIS sous IE ce qui est censé être transparent est GRIS! :heink:  
 
comment résoudre ça? il y a til un moyen de dire à IE qu'il prenne en compte la transparence?
 
merci de vos réponses  :)

Reply

Marsh Posté le 02-12-2005 à 15:33:48   

Reply

Marsh Posté le 02-12-2005 à 15:43:14    

Et oui, j'ai eu le même problème. Et j'ai été obliger de tout passer en gif plutôt qu'en png pour avoir une transparence. Et pour les autres images, j'ai carrément mis la couleur du fond de mon site pour remplacer la transparence de mes images. [:airforceone]  
Je n'avais rien trouvé d'autre.
 
Si quelqu'un a une astuce...  :??:


---------------
http://marion.arru.free.fr
Reply

Marsh Posté le 02-12-2005 à 15:46:33    

Sujet abordé de moutes fois sur le forum :)
 
http://forum.hardware.fr/forum1.ph [...] deration=0
http://forum.hardware.fr/hardwaref [...] 1088-1.htm
 
Y'a un javascript qui permet de regler le probleme, mais malheureusement ça ne marche pas si on met le png en background :o

Reply

Marsh Posté le 02-12-2005 à 15:49:37    

oui, j'y ai pensé (pour le gif) aussi mais je ne le fais pas pour 2 raisons:
- l'ombrage du texte devient horrible et ça gache tout
- le fond du Div est en fait une image donc....ça gache tout
 
ps Chipo : il est sympa ton site

Reply

Marsh Posté le 02-12-2005 à 15:52:02    

Danamir_ a écrit :

Sujet abordé de moutes fois sur le forum :)
 
http://forum.hardware.fr/forum1.ph [...] deration=0
http://forum.hardware.fr/hardwaref [...] 1088-1.htm
 
Y'a un javascript qui permet de regler le probleme, mais malheureusement ça ne marche pas si on met le png en background :o


 
 
oups, je n'ai pas eu le reflexe de chercher, désolé  :o  
je vais jeter un coup d'oeil.
 
pour info : ce qui est en background c'est un jpg le png est l'image par dessus. Je suppose que l'explivcation est dans les liens
merci

Reply

Marsh Posté le 06-12-2005 à 21:25:06    

Fais une recherche sur iepngfix.htc, c'est un fichier de comportement made in Microsoft qui permet à IE de gérer la couche alpha des PNG...
Il faut y associer un gif d'1 px transparent qui rempalcera la transparence des PNG et faire la déclaration suivante :
 
img {behavior: url(iepngfix.htc)}
La propriété behavior n'étant reconnu que par IE, ça n'em... pas les autres...

Reply

Marsh Posté le 14-04-2006 à 14:15:16    

Pour moi, ça ne fonctionne pas :/
 
Voilà ce que j'ai fait :
- page index.html à la racine avec : <img src="images/titre-trans.png" border="0" style="width: 900px; height: 120px;" />
- form.css dans le dossier CSS avec : img {behavior: url(../iepngfix.htc)}  
- iepngfix.htc et blank.gif à la racine
 
Mais ça ne fonctionne pas : vous voyez d'où vient l'erreur ?

Reply

Marsh Posté le 14-04-2006 à 15:12:17    

t'es sur de ton url(../) :heink:
 
si il est à la racine, met carrément / , au moins t'es sur de pas le perdre [:walter torbac]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed