Muszę dołączyć wiele elementów do elementu za pomocą CSS i nie mogę użyć:before/:after.

Zastanawiam się, jaka jest poprawna składnia do używania wielu obrazów tła CSS.

Jest kilka sugerowanych sposobów, które znalazłemtutaj lubtutaj, ale nie mogę uzyskać żadnego z nich:

background: url(…) 0 0 repeat, url(…) 5px 5px no-repeat #FFF;
background: url(…) 600px 10px no-repeat, url(…) 10px 10px no-repeat;

pracować.

Właśnie to mam obecnie:

background-image: rgba(0, 0, 0, 0.4) url("img/icons-18-white.png") no-repeat 0% 50%,linear-gradient( #9ad945, #7eb238 );

który jest ignorowany. Tylko wtedy, gdy dostarczam czysty adres URL, działa:

background-image: url("img/icons-18-white.png") , linear-gradient( #9ad945, #7eb238 );

Pytanie:
Szczególnie szukam sposobu na ustawieniebackground-size/position/repeat na obraz, więc jeśli ktoś mógłby wskazać mi poprawną składnię, byłby naprawdę miły!

EDYTOWAĆ: Dodawaniescroll i wymianabackground-image zbackground

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 );

nie działa.