CSS3 多背景不工作

Question

我正在尝试使用 CSS3 创建一个具有两个背景的简单 div。我创建了一个 JS Fiddle，其中包含我在这里尝试执行的操作的示例:http://jsfiddle.net/nfcyv/

然而，它不起作用，我希望有人能指出原因或向我提供有用的提示。

下面是 CSS 的副本:

#box { background:url("http://i.imgur.com/pAmGs.png") no-repeat scroll center bottom #000, url("http://i.imgur.com/fDMpm.png") repeat scroll 0 0 #000;height:500px;width:500px }

Answer 1

您只能为最后一层指定背景颜色，因此您需要从声明中删除第一个 #000:

#box {
    background:url("http://i.imgur.com/pAmGs.png") no-repeat scroll center bottom, 
               url("http://i.imgur.com/fDMpm.png") repeat scroll 0 0 #000;
    height:500px;
    width:500px
}

Updated fiddle