Was ist die richtige Kurzschreibweise bei der Verwendung mehrerer CSS-Hintergrundbilder / Farbverläufe?
Ich muss einem Element über CSS mehrere Hintergründe hinzufügen und kann diese nicht verwenden:before/:after
.
Ich frage mich, wie die korrekte Syntax für die Verwendung mehrerer CSS-Hintergrundbilder lautet.
Es gibt eine Reihe von vorgeschlagenen Wegen, die ich gefunden habe, wieHier oderHier, aber ich kann keines von diesen bekommen:
background: url(…) 0 0 repeat, url(…) 5px 5px no-repeat #FFF;
background: url(…) 600px 10px no-repeat, url(…) 10px 10px no-repeat;
arbeiten.
Das habe ich aktuell:
background-image: rgba(0, 0, 0, 0.4) url("img/icons-18-white.png") no-repeat 0% 50%,linear-gradient( #9ad945, #7eb238 );
was ignoriert wird. Nur wenn ich die reine URL eingebe, funktioniert es:
background-image: url("img/icons-18-white.png") , linear-gradient( #9ad945, #7eb238 );
Frage:
Ich bin speziell auf der Suche nach einer Möglichkeit zum Festlegenbackground-size/position/repeat
pro bild, also wenn mir jemand auf die richtige syntax hinweisen könnte, wäre das echt nett!
BEARBEITEN: Hinzufügenscroll
und ersetzenbackground-image
mitbackground
background: rgba(0, 0, 0, 0.4) url("http://code.jquery.com/mobile/1.3.0/images/icons-18-white.png") no-repeat scroll 0% 50%, linear-gradient( #9ad945, #7eb238 );
funktioniert nicht.