CSS多重背景问题

Question

为什么这不起作用？我应该如何更改它？

JSfiddle

<div id="slider" class="middle">
</div>
#slider{
height:467px;
background:#eeeeee url(cercuri.png) no-repeat left top, url(cercuri2.png) no-repeat right top;
}

如您所见，我需要一种背景颜色和两张图片，一张在左边，一张在右边。

Answer 1

将背景颜色放入第二个调用中:

#slider{
    height:467px;
    background:url(http://lorempixel.com/400/200/) no-repeat left top, #eee url(http://lorempixel.com/400/200/) no-repeat right top ;
}