PNG transparents, problèmes

PNG transparents, problèmes - Web design - Graphisme

Marsh Posté le 11-06-2003 à 18:18:12    

J'ai créé des images au format .png à l'aide de photoshop 7.0. Je les ai integrées dans une page web, le problème est que, si j'ouvre cette page sous explorer 6.0 la transparence apparaît bleutée  :heink: mais le pire c'est qu'en ouvrant la même page sous Mozilla, la transparence est normale et il n'y a aucun problèmes...  :cry:  
 

Reply

Marsh Posté le 11-06-2003 à 18:18:12   

Reply

Marsh Posté le 11-06-2003 à 18:19:23    

IE+PNG+TRANSPARENT=MARCHE PAS il me semble :)

Reply

Marsh Posté le 11-06-2003 à 18:40:09    

ha ben c pas noté au démarrage de explorer çA  :lol:

Reply

Marsh Posté le 11-06-2003 à 18:40:52    

d'un autre coté si le png est fait à partir d'un gif, la transparence marche...

Reply

Marsh Posté le 11-06-2003 à 18:41:17    

JusteLeblanc a écrit :

IE+PNG+TRANSPARENT=MARCHE PAS il me semble :)


 
IE sous windows.
 
Ca marche très bien avec IE mac


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 11-06-2003 à 18:42:34    

L0k a écrit :

d'un autre coté si le png est fait à partir d'un gif, la transparence marche...  


 
IE windows gère la transparence d'un PNG si elle est complète (totalement transparent ou totalement opaque comme le gif). Dès que l'on joue avec le canal alpha, il se chie dessus.


Message édité par kadreg le 11-06-2003 à 18:42:53

---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 11-06-2003 à 18:45:20    

kadreg a écrit :


 
IE sous windows.
 
Ca marche très bien avec IE mac  


[:aloy]
 

Reply

Marsh Posté le 11-06-2003 à 18:48:30    

mhh.. mais il me semble pas avoir joué avec le canal alpha  :cry:, non mais étant un débutant, tu peux m'expliquer ce que tu entends par jouer avec le canal alpha ?

Reply

Marsh Posté le 11-06-2003 à 18:57:21    

L0k a écrit :

mhh.. mais il me semble pas avoir joué avec le canal alpha  :cry:, non mais étant un débutant, tu peux m'expliquer ce que tu entends par jouer avec le canal alpha ?


Le canal alpha est le taux de transparence pour une zone donnée

Reply

Marsh Posté le 11-06-2003 à 19:02:53    

ok mais je fais comment pour donner une transparence complète ? Parce que vu mon image il me semble bien qu'elle est complète mais bon..

Reply

Marsh Posté le 11-06-2003 à 19:02:53   

Reply

Marsh Posté le 11-06-2003 à 21:43:37    

Sous Ie win seul les PNG-24 passent bien, mais ils sont tres lourd, la transparences des PNG-8 marche pas. Bon ben la transparence et le gif c'est aussi le caca.....
Tres franchement c'est pas pour te découragé mais si tu a moyen de faire sans transparence ce sera beaucoup mieu :). De plus il me semble que opera et netscape donne des résultat diffrent avec le png non ?

Reply

Marsh Posté le 11-06-2003 à 21:53:29    

kadreg a écrit :


 
IE sous windows.
 
Ca marche très bien avec IE mac  


 
IE quoi? [:titprem]


---------------
Stockholm -- guides privés -- vélotaf à Stockholm
Reply

Marsh Posté le 11-06-2003 à 21:54:32    


 
 
on se moque pas  :lol:  :lol:  :lol:  :lol:  :pt1cable:


---------------
How can I save my little boy from Oppenheimer's deadly toy ? There is no monopoly of common sense on either side of the political fence
Reply

Marsh Posté le 11-06-2003 à 22:05:37    

cartman__ a écrit :

Sous Ie win seul les PNG-24 passent bien, mais ils sont tres lourd, la transparences des PNG-8 marche pas. Bon ben la transparence et le gif c'est aussi le caca.....
Tres franchement c'est pas pour te découragé mais si tu a moyen de faire sans transparence ce sera beaucoup mieu :). De plus il me semble que opera et netscape donne des résultat diffrent avec le png non ?


 
Faudrais que je vérifie ça..  :ange:

Reply

Marsh Posté le 12-06-2003 à 00:43:56    

IE respecte pas les standards (comme png), merci MS ! Mozilla essai de respecter les standards.
 
IE sur mac, qui gere tres bien les png, est developpe par une autre equipe que IE windows. Cette equipe ecoute plus les demnade des utilisateurs visiblement.
 
D'autre part photoshop est mauvais pour generer du png car il compresse mal.
 
Le gif va passer dans le domaine public.
 
Si vous etes ineteresse par plus de details, ces infos me viennent de la lectures d'une news sur DLFP (Da Linux French Page) http://linuxfr.org/2003/06/11/12796.html
a+
 
EDIT : je vous encourage a utiliser Firebird (la nouvelle branche  navigateur du developement de mozilla) que je trouve tres bien !
http://www.mozilla.org/projects/firebird/


Message édité par librinfo le 12-06-2003 à 00:48:40
Reply

Marsh Posté le 12-06-2003 à 02:26:13    

y'a un truc un peu barbare pour faire marcher un site qui exploite des png transparent sous IE et sous Mozilla:
 
par exemple, pour mettre une image en background d'un claque (methode que tu peux utiliser pour afficher une image sur ta page), tu utilises le filtre AlphaImageLoader pour afficher l'image sous ie. Mais comme mozilla ne reconnait pas ce filtre, tu dois aussi utiliser une notation particuliere pour que mozilla charge normalement l'image en background (mais pas ie, puisque ie doit charger l'image avec AlphaImageLoader pour la transparence...) suis-je clair ? :D
 
bon, un exemple:

#window {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='alpha.png', sizingMethod='scale');
}
 
body>div#window {
  background-image: url(alpha.png);
}


 
tu fais donc un style #window qui va te servir a afficher ton image.
 
La premiere partie du css:

#window {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='alpha.png', sizingMethod='scale');
}


va charger l'image alpha.png avec le filtre made in crosoft... donc tu auras bien ton image avec la transparence sous ie.
 
la deuxieme partie:

body>div#window {
  background-image: url(alpha.png);
}


utilise une notation que reconnait mozilla, mais pas ie:
le body>div#window revient "a peu pres" au meme que un body div#window (voir css 2 pour plus de details) sauf que le > n'est pas reconnu par ie... donc ie ne chargera pas l'image alpha.png en background (ce qui est bien vu qu'il ne saurait pas en gerer la transparence ;)) mais mozilla, lui, reconnait cette notation, et mettra donc alpha.png en image de fond (avec la transparence !)
 
et voila, tu as plus qu'a creer un div avec une id window pour avoir ton image en transparence...
 
un exemple ici
 
Edits:
1. si tu as des questions, n'hesites pas, je me suis pas mal galere pour arriver a faire marcher des sites sous ie et sous mozilla :D
2. quelques trucs


Message édité par lennelei le 12-06-2003 à 02:32:50
Reply

Marsh Posté le 12-06-2003 à 02:31:52    

:jap:
ici aussi : http://webfx.eae.net/dhtml/pngbeha [...] avior.html
(demo et download)


---------------
[*]11/09/2001 | Les vrais, les purs bâtisseurs haïssent la léthargie des forteresses. Bill Gates.
Reply

Marsh Posté le 12-06-2003 à 11:28:05    

librinfo a écrit :

IE respecte pas  
D'autre part photoshop est mauvais pour generer du png car il compresse mal.


 
Il vaut mieu utiliser image ready, tu peut compresser comme tu veut. Mais de l'avais de beaucoup le png c'est pas le top pour le pages web, il est surtout tres bien pour utiliser dans flash.

Reply

Marsh Posté le 12-06-2003 à 13:08:02    

cartman__ a écrit :

Sous Ie win seul les PNG-24 passent bien, mais ils sont tres lourd, la transparences des PNG-8 marche pas. Bon ben la transparence et le gif c'est aussi le caca.....
Tres franchement c'est pas pour te découragé mais si tu a moyen de faire sans transparence ce sera beaucoup mieu :). De plus il me semble que opera et netscape donne des résultat diffrent avec le png non ?


 
C'est juste le contraire. C'est la transparence des png-8 qui marche bien sous IE car elle ne permet qu'une couleur (comme le gif).
 
Pour opera et netscape, ils ont un support impec du png, comme mozilla.

Reply

Marsh Posté le 12-06-2003 à 20:23:39    

J'ai pas encore eu le temps de me plonger dans tt ce que tu a mis, mais merci d'avance SenG@ !!

Reply

Marsh Posté le 13-06-2003 à 13:36:03    

L0k a écrit :

J'ai pas encore eu le temps de me plonger dans tt ce que tu a mis, mais merci d'avance SenG@ !!


 
de rien ;)
 
par contre, petit detail: ca marche nikel pour mozilla, opera et ie > 5.5

Reply

Marsh Posté le 17-06-2003 à 09:58:54    

Reply

Marsh Posté le 30-06-2003 à 00:37:28    

un patch pour ie 6 existe ?


---------------
Perdu ? Vous êtes ici : --> *
Reply

Marsh Posté le 30-06-2003 à 00:43:56    

J-'-R a écrit :

un patch pour ie 6 existe ?


oui, il fait 3Mo et se prénome opera [:ddr555]

Reply

Marsh Posté le 30-06-2003 à 01:49:09    

non, mais c t pr savoir, je suis meme pas intéressé,
Mozilla powaaaa :)


---------------
Perdu ? Vous êtes ici : --> *
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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