Image web > transparance avec dégradé

voila, quasiment tous est dans le titre


Alors je fait un "petit" résumé:

J'aimerai faire une image en dégradée ( allant du bleu vers le transparant ) afin de l'utulisé en background-image sous Css ( xhtml-Css ).

Je travail sous photoshop cs2.


J'ai essayer de transformer l'image en Gif, mais sa fonctionne pas
Il me met une partie en bleu puis le reste en transparent. Sans dégradé


J'ai éssayer en png, mais ça ne semblais pas marché beaucoup mieux ...



Savez vous si il y a une manipe pour réussir a faire se que je recherche ( ex: format fichier, type de sauvegarde, ... )


Je précise que c'est pour un travail et que le professeur va probablement regardé si ça fonctionne sur une ancienne version de internet explorer


Merçi d'avance....


ps: au plus de je fait de Css et de Xhtml au plus je commence a détesté IE ...

Salut !

Bienvenue dans la galère !
Alors pour la transparence sous IE6, prèfere le format *.gif (ça limite le nombre de couleurs à 256 mais le png commence à s'imposer).

Pour ce qui est de la transparence, as-tu cocher "transparence" dans la fenetre "d'enregistrement des images pour le web" ? (c'est con mais des fois je fais pas gaffe)

Sinon pour vraiment ne pas t'embeter : (l'image sera un dégradé bleu/blanc et non bleu/transparent)

Amuses toi bien ! :-D

[Edit] Je viens de regarder sous toshop et en effet, la transparence ne fonctionne qu'en png24 donc en gros peu importe le format, si tu veux un truc bien sous IE6, prèfère un dégardé bleu/blanc plutôt !

nan c'est IE6 qui prends pas en considération la transparence des image passe au 7 tu vera que les png24 marche très bien et qu'on voit la transparence (donc rien ) essaie sous firefox tu vera que ca marche en tout cas cher moi ca marche tjr donc et le gif ne prend pas en compte la transparence il le remplace tjr par le blanc et je peux le confirmer j'ai fait un site yavais des trnasparence sur le site j'etait sous IE6 et je voyais les bords et quand je suis passez a IE7 et ben yavais plus et donc tout était normal


+++

Y'a des hacks CSS pr faire que IE6 gère correctement la transparence, mais ca marche que dans quelques cas particuliers je crois.

En faite la meilleure solution serait de dire à ton prof d'utiliser au moins IE7, ça arrangera tout le monde ! Après il peu aller plus loin en choississant FX2 ou OP9

Ouais PiaFlalCoOl, il suffit de taper "pngfix" sur google mais bon ça fait un script à charger en plus au démarrage !

où est le problème??

car si je comprends bien tu veux faire un background en bleu qui va faire le transparent -> ok.

Mais sous la page internet, le transparent n'existe pas, il va forcément émuler du blanc pour l'arrière.

Lorsque j'ai appris cette technique la à l'école, il suffisait de faire une fine bande en dégradé et de demandé via le code css de la faire répété en horizontal ou vertical. Ca permet d'avoir un poid léger pou un dégradé tout en finesse.

Soit j'ai pas compris (ce qui est fort possible vu que je viens de me réveiller) soit c'est toi qui t'exprime mal.

Autre chose, le gif ne gère pas la transparence, il l'émule (nuance).

tu as en effet pas compris noir

Je parle d'un background d'un div et non pas du body, car en effet cela n'aurrait aucun sens. ( on parle bien de xhtml + Css ).

la solution de changer le transparent par la couleur de fond du body, je l'ai en effet imaginé. Le problème c'est que çà limite dans les évlutions possibles.
En effet, plus moyen de mettre un background type image ou de changer la couleur de fond sans changer l'image en même temps ...

ok et si tu rajoutes la couleur de fond (celle qui a derrière la div) qui a logiquement derriere cette "transparence", ça ne te va pas?

+1 ça permet de faire une image beaucoup plus légère.

Moustique-Venge a dit:

tu as en effet pas compris noir

Je parle d'un background d'un div et non pas du body, car en effet cela n'aurrait aucun sens. ( on parle bien de xhtml + Css ).

la solution de changer le transparent par la couleur de fond du body, je l'ai en effet imaginé. Le problème c'est que çà limite dans les évlutions possibles.
En effet, plus moyen de mettre un background type image ou de changer la couleur de fond sans changer l'image en même temps ...

Cliquez pour agrandir...

Tu conserves ton image png (donc avec transparence) et tu l'as modifie chaque fois que tu veux changer ton background. Ca prend 5min max mais niveau rapidité d'affichage tu y gagnes sans problème =].

merçi pour tout :-D

On peut voir ce que ça donne ? Ca m'intrigue