css - css3 複数の背景画像の省略形が機能しない

Question

div の背景内に 2 つの img を配置しようとしています。コードをできるだけきれいにしたいので、以下の省略形を使用しましたが、うまくいかないようです

background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x,
#ECF0F1 url('../img/7Pxborder_2.png') 0px 75px repeat-x;

これも

background: #ECF0F1 url('../img/7Pxborder.png') 0px 38px repeat-x,
url('../img/7Pxborder_2.png') 0px 75px repeat-x;

Answer 1

色は最後に一度だけ行きます。

background: url('../img/7Pxborder.png') 0px 38px repeat-x,
            url('../img/7Pxborder_2.png') 0px 75px repeat-x #ECF0F1;

http://jsfiddle.net/wAFtC/

詳細については、仕様を参照してください。<final-bg-layer>背景色のみが含まれていることに注意してください。

Answer 2

今それを手に入れました、それはスタックの問題です..

background: url('../img/7Pxborder.png') 0px 38px repeat-x, // index is higher
#ECF0F1  url('../img/7Pxborder_2.png') 0px 75px repeat-x;