Eu preciso anexar vários fundos para um elemento via CSS e não posso usar:before/:after.

Eu estou querendo saber qual é a sintaxe correta para usar várias imagens de plano de fundo CSS.

Há um monte de maneiras sugeridas que encontrei, comoAqui ouAqui, mas eu não consigo nada disso:

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

trabalhar.

Isto é o que eu tenho atualmente:

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

que é ignorado. Somente quando eu forneço o URL puro, funciona:

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

Questão:
Eu estou procurando especificamente uma maneira de definirbackground-size/position/repeat por imagem, então, se alguém pudesse me apontar a sintaxe correta, seria muito legal!

EDITAR: Adicionandoscroll e substituindobackground-image combackground

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

não funciona.