目前，我正在努力解决一个问题，每当我尝试使用多个背景时，它要么只显示一个，要么根本不显示。当我为每个图像添加多个“背景重复”属性时，它什么也没有显示。当我只使用一个时，它只显示第一个列出的背景。
这是我的代码:
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 .
最佳答案
如果没有看到 fiddle 之类的东西就很难说，但是你的代码使用了 background-image 但也指定了 background-positions，这是无效的，所以整个声明都被删除了。
至于为什么当你修复它时它只显示一个，我只能猜测:也许最上面的图像(第一个)隐藏了其余的？可能找不到其余的图片？
关于css - 使用 CSS3 的多个背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5972946/