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;

}

还要注意，第一个声明的背景图像是第二个的ON TOP。

http://jsfiddle.net/gB7js/

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

1 个答案: