Verlauf im background, möglichst kleines Bild

[barodscheff]

Hallo Leute,

ich habe gerade ein Blackout. Ich möchte für eine Seite ein background erstellen der oben mit einem Verlauf beginnt und mit der "untersten" Farbe einfach nach unten ausläuft. Früher war das Gang und Gebe, doch ich habe ein paar Monate nicht mehr programmiert und nun steh ich ratlos hier

Ahja der background hat eine Struktur/Muster, das bedeutet, dass ich nicht einfach mit background-repeat arbeiten kann.

Um es nochmal auf den Punkt zu bringen:
Background hat ein Muster und soll oben mit einem kleinen Verlauf beginnen und nach unten mit einer Farbe auslaufen.

Vielen Dank schonmal!
LG

 

[CrazyLopp]

AW: Verlauf im background, möglichst kleines Bild

Dabei gibt es zwei Wege, zum einen hat die Strucktur eine Wiederholung drinnen. Dort musst du dann dein Slice begrenzen. Der zweite Weg ist den Hintergrund dann so breit wie nötig zu verweden, doch so hoch wie niedrig.

Der Code würde dann wie folg aussehen:

Variante 1:

#background {
  background: #000 url(dein-hintergrundbild.gif) top left repeat-x;
}

Variante 2:

#background {
  background: #000 url(dein-hintergrundbild.gif) top left no-repeat;
}

Die Farbe (#000) stellt dabei die unterste Farbe dar, die in deinem Hintergrundbild vorkommt.


Beste Grüße,
Crazylopp

 

[owieortho]

AW: Verlauf im background, möglichst kleines Bild

Vielleicht geht es ja nur mir so, aber irgendwie erschließt sich mir aus der Frage nicht genau, was Du eigentlich willst. Zeig doch das Hintergrundbild mal.

Und warum, wenn Du das schon mal gemacht hast, schaust Du nicht in den Dateien nach, wie Du es gemacht hast?

 

[barodscheff]

AW: Verlauf im background, möglichst kleines Bild

Hab's jetzt. Danke CrazyLopp