Moritz: Farbverlauf als Hintergrund

SELF-Forum

Farbverlauf als Hintergrund

Moritz
– Informationen zu den Bewertungsregeln

Hallo,
wie kann man einen Farbverlauf von oben nach unten als Seitenhintergrund erstellen? Geht das mit CSS, oder muss man DHTML benutzen, oder funktioniert das nur mit einer vorerstellten Hintergrundgrafik?

(Beispiel: http://www.macromedia.com)

Vielen Dank,
Moritz

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Farbverlauf als Hintergrund

    Tilman Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Tach
     die hams mit ner ein pixel grafik gemacht. ist eigentlich auch das einfachste

    body {
    background: #c6cfd0 url(/images/master/background.jpg) repeat-x}

    Es grüßt

    Tilman

    --
    Tilman Porschütz
    Sinnfrei.INC
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Farbverlauf als Hintergrund

    schwarze Piste
    – Informationen zu den Bewertungsregeln

    Tachchen!

    Im Regelfall macht man es (wie bei macromedia.com) mit einer Hintergrundgrafik.

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    http://www.smartbytes.de
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Farbverlauf als Hintergrund

    Sebastian Becker
    – Informationen zu den Bewertungsregeln

    Hallo, Moritz,

    wie kann man einen Farbverlauf von oben nach unten als Seitenhintergrund erstellen? Geht das mit CSS, oder muss man DHTML benutzen, oder funktioniert das nur mit einer vorerstellten Hintergrundgrafik?

    wenn Du möchtest, daß sich ein Verlauf über die gesamte Fensterhöhe erstreckt, kannst Du mit einem Verlaufsfilter arbeiten, was allerdings nur im Internet Explorer 5+ funktioniert.

    http://msdn.microsoft.com/workshop/author/filter/reference/filters/gradient.asp

    Den anderen Browsern kannst Du ein nur horizontal gekacheltes Bild anbieten ...

    Grüße,

    Sebastian

    <style>
    body {
    background: url(verlauf_999999_FFFFFF.gif);
    background-repeat: repeat-x;
    /* NO gradientType = vertical gradient (should be "1" but is buggy) */
    /* gradientType='1' = horizontal gradient */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#000000,endColorStr=#FFFFFF);
    }
    </style>

    <body>

    </body>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln