PNG transparents, problèmes - Web design - Graphisme
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...
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
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.
Marsh Posté le 11-06-2003 à 18:45:20
ReplyMarsh Posté le 11-06-2003 à 18:48:30
mhh.. mais il me semble pas avoir joué avec le canal alpha , non mais étant un débutant, tu peux m'expliquer ce que tu entends par jouer avec le canal alpha ?
Marsh Posté le 11-06-2003 à 18:57:21
L0k a écrit : mhh.. mais il me semble pas avoir joué avec le canal alpha , 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
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..
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 ?
Marsh Posté le 11-06-2003 à 21:53:29
kadreg a écrit : |
IE quoi?
Marsh Posté le 11-06-2003 à 21:54:32
SirThomasLipton a écrit : |
on se moque pas
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..... |
Faudrais que je vérifie ça..
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/
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 ?
bon, un exemple:
#window { |
tu fais donc un style #window qui va te servir a afficher ton image.
La premiere partie du css:
#window { |
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 { |
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
2. quelques trucs
Marsh Posté le 12-06-2003 à 02:31:52
ici aussi : http://webfx.eae.net/dhtml/pngbeha [...] avior.html
(demo et download)
Marsh Posté le 12-06-2003 à 11:28:05
librinfo a écrit : IE respecte pas |
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.
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..... |
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.
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@ !!
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
Marsh Posté le 17-06-2003 à 09:58:54
ReplyMarsh Posté le 30-06-2003 à 00:37:28
un patch pour ie 6 existe ?
Marsh Posté le 30-06-2003 à 00:43:56
ReplyMarsh Posté le 30-06-2003 à 01:49:09
non, mais c t pr savoir, je suis meme pas intéressé,
Mozilla powaaaa
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 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...