css - 在我的 CSS 中添加了两个背景，但只显示了一个

Question

我想为我制作的粉丝站点布局提供两张背景图片:一张背景应在水平和垂直方向重复，另一张仅在垂直方向重复，并且需要有特定位置。我在 StackOverflow 上进行了一些搜索，并将以下内容添加到我的 CSS 中:

body {background: url(images/bg.png) 162px repeat-y, url(images/bg-all.png) top repeat;}

很明显我做错了什么，因为唯一显示它的图像是第二个图像，bg-all.png 文件。我需要 bg.png 超过 bg-all.png 因为它是内容背景。为了把事情说清楚，即使它还远未完成(事实上，还有其他几个问题，但我认为一次解决一个问题更好)，我添加了一个链接到布局的测试版本: http://gwyneth-paltrow.org/test/

我不知道这是否重要，但这是一个 Wordpress 网站。

我绝对不是专家，非常感谢每一个建议。

提前谢谢大家!

Answer 1

缺少背景位置的第二个值，试试这个并替换为 ???有一个值:

body {
background-image: url(images/bg.png), url(images/bg-all.png);
background-position: 162px ???, top ???;
background-repeat:repeat-y, repeat;

}

另请注意，第一个声明的背景图像位于第二个图像之上。

http://jsfiddle.net/gB7js/