css - 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/

您可以在规范中找到详细信息。请注意，它仅<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;