Question

目前，我正在努力解决一个问题，每当我尝试使用多个背景时，它只显示一个或根本不显示。当我添加多个“背景重复”属性以与每个图像一起使用时，它根本不显示任何内容。当我只使用一个时，它只显示第一个列出的背景。

这是我的代码：

box-shadow: 0 0 41px 7px black;
background-image: url(images/journalist/header_bg.gif) no-repeat, url(images/journalist/body_top.gif) no-repeat, url(images/journalist/body_tile.gif) repeat-y;
background-size: 100%;
margin: auto auto;
padding: 20px;
text-align: left;

您可以看到我尝试应用它的位置here。

Answer 1

很难说没有看到小提琴或其他东西，但你的代码使用background-image但是也指定了背景位置，这是无效的，所以整个声明都会被删除。

至于为什么在你解决这个问题时它只显示一个，我只能猜测：也许最顶层的图像（第一个）隐藏其余部分？也许其他图像无法找到？

CSS3的多个背景

1 个答案: