CSS3 Farbverlauf + Hintergrundbild

[T-Rex]

Guten Abend,

Ich würde gerne einen CSS Farbverlauf und ein Hintergrundbild in ein und das selbe Element setzen.

Also ungefähr so:
background: -moz-radial-gradient(50%, #FFF1F1, #FFD1D1) url("./html/image/harken.png") center center no-repeat;

Wenn das nur funktionieren würde... :(

Bin für jede Hilfe Dankbar!

Gruß
schläfriger
T-Rex

[ChrisB]

Hi,

Ich würde gerne einen CSS Farbverlauf und ein Hintergrundbild in ein und das selbe Element setzen.

Also ungefähr so:
background: -moz-radial-gradient(50%, #FFF1F1, #FFD1D1) url("./html/image/harken.png") center center no-repeat;

Wenn das nur funktionieren würde... :(

Multiple background images werden mit einem Komma voneinander getrennt ...

Wenn das auch „nicht funktioniert“, dann unterstützt der Browser das ggf. noch nicht in Verbindung mit Gradients.

MfG ChrisB

[T-Rex]

Das Komma hat gefehlt :(. Oh Schande.
De komplette Zeile:
background: url("./html/image/harken.png") center center no-repeat, -moz-radial-gradient(50%, #F1FFF1, #D1FFD1);

Wichtig ist auch, dass zu erst das Hintergrundbild und dann der Farbverlauf kommt.

Gruß
Farbverlaufender
T-Rex

[ChrisB]

Hi,

background: url("./html/image/harken.png") center center no-repeat, -moz-radial-gradient(50%, #F1FFF1, #D1FFD1);

Wichtig ist auch, dass zu erst das Hintergrundbild und dann der Farbverlauf kommt.

Na logisch - der Farbverlauf hat keine „Maße“, füllt also das komplette Element.
Also das „kleinere“ oben drauf legen.

MfG ChrisB

[Matthias Apsel]

Om nah hoo pez nyeetz, ChrisB!

Na logisch - der Farbverlauf hat keine „Maße“, füllt also das komplette Element. Also das „kleinere“ oben drauf legen.

MfG ChrisB

nur der "unterste" Hintergrund"layer" darf die Eigenschaft background-color, zu der der Gradient wohl zählt, besitzen. (CSS Backgrounds and Borders Module)

Matthias