CSS - Hintergrundbild oben und unten Farbe?

[Tanek]

Hallo an alle tutorials.de User ,

habe ein klei9nes Priblem und weiss nicht wie ich es "handhaben" soll.

Ich möchte gerne im CSS eine Hintergrundgrafik, welche bei der Seite oben platziert ist und unten soll eine Farbe definiert sein. Das heisst, mein Hintergrundbild hat einen Verlauf nach unten (Schwarz) und genau da wo das Bild aufhört, soll die Farbe dann kommen.

Könnte jetzt ein großes Bild nehmen, aber bei einem Forum, was sehr weit nach unten geht, würde das Bild zu groß sein.

Viele Grüße

Tanek

 

[chmee]

Du setzt das Bild zB als Background image in CSS ein, stellst den repeat auf no-repeat und zusätzlich definierst Du die Hintergrundfarbe. Das sollte es schon sein.

Link: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

mfg chmee

 

[Maik]

Hi,

ein größeres Bild wird hier überhaupt nicht benötigt, denn beide Hintergrundtypen lassen sich für ein Element definieren

#box {
background-image: url(pfad/zur/grafik.jpg);
background-color: #ddd;
}

Oder die Kurzform mit der allgemeinen background-Eigenschaft:

#box {
background: url(pfad/zur/grafik.jpg) #ddd;
}

mfg Maik

 

[Tanek]

Danke für eure Tipps.

So sieht es aus und es funktioniert 1A:

background: url(pfad/zur/grafik.jpg); background-repeat:no-repeat; 
background-color: #000000;