css3多个背景图像速记不起作用

Question

我尝试将2 img放在div背景中，我想编码尽可能干净，我用下面的速记，但它似乎不起作用

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/

您可以在spec中找到详细信息。请注意，只有<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;