Image web > transparance avec dégradé

Discussion dans 'Web, design' créé par Moustique-Venge, 20 Avril 2007.

Statut de la discussion:
Fermée.
  1. Offline
    voila, quasiment tous est dans le titre :oops:


    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é :mad:


    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 ...
    Moustique-Venge, 20 Avril 2007
    #1
  2. Offline
    Jasin j'suis un vieux !
    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)

    Code:
    body {
    background: #fff url('./images/css/bg_background.png') repeat-x;
    }
    
    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 !
    Jasin, 20 Avril 2007
    #2
  3. Offline
    hoshi Hoshi's Love
    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 :D ) essaie sous firefox tu vera que ca marche en tout cas cher moi ca marche tjr donc :p et le gif ne prend pas en compte la transparence il le remplace tjr par le blanc:p 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


    +++
    hoshi, 20 Avril 2007
    #3
  4. Offline
    PiaFlalCoOl NiuAge
    Y'a des hacks CSS pr faire que IE6 gère correctement la transparence, mais ca marche que dans quelques cas particuliers je crois.
    PiaFlalCoOl, 20 Avril 2007
    #4
  5. Offline
    Jasin j'suis un vieux !
    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 ! :beuh:
    Jasin, 20 Avril 2007
    #5
  6. Offline
    Noir Never forget who i am !
    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).
    Noir, 20 Avril 2007
    #6
  7. Offline
    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 ...
    Moustique-Venge, 20 Avril 2007
    #7
  8. Offline
    Noir Never forget who i am !
    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?
    Noir, 20 Avril 2007
    #8
  9. Offline
    SeigVoland Elite
    +1 ça permet de faire une image beaucoup plus légère.
    SeigVoland, 20 Avril 2007
    #9
  10. Offline
    SeigVoland Elite
    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 =].
    SeigVoland, 20 Avril 2007
    #10
  11. Offline
    merçi pour tout :-D
    Moustique-Venge, 20 Avril 2007
    #11
  12. Offline
    SkYlEsS Kawai
    On peut voir ce que ça donne ? Ca m'intrigue :)
    SkYlEsS, 21 Avril 2007
    #12
Statut de la discussion:
Fermée.