¿Cuál es la sintaxis abreviada correcta cuando se usan varias imágenes de fondo / gradientes css?

Necesito adjuntar múltiples fondos a un elemento a través de CSS y no puedo usar:before/:after.

Me pregunto cuál es la sintaxis correcta para usar varias imágenes de fondo CSS.

Hay un montón de formas sugeridas que encontré, comoaquí oaquí, pero no puedo obtener ninguno de estos:

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

trabajar.

Esto es lo que tengo actualmente:

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

que se ignora Solo cuando suministre el url puro, funciona:

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

Pregunta:
Estoy buscando específicamente una manera de establecerbackground-size/position/repeat por imagen, por lo que si alguien pudiera señalarme la sintaxis correcta, ¡sería realmente agradable!

EDITAR: Añadiendoscroll y reemplazandobackground-image conbackground

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

No funciona.