Css 使用多个背景时指定背景的重复和位置

我正在尝试应用两个背景图像。一个是重复的颜色块，我想沿着x轴重复。另一张只是一张图片，我只想出现一次

我使用了多个背景图像来尝试将两个图像应用于同一个div，但是我不确定如何将特定的背景规则应用于每个背景

背景1需要有一个top和repeat-x的位置。 背景2需要有一个右上角的位置，不能重复

这在多个背景下是可能的，还是我必须回到两个单独的div嵌套的旧方法

JS小提琴：

---

灰色背景应覆盖整个容器顶部，而色带应保持不变。

我手边没有测试，但这有用吗

background:url(bg1.png) top left repeat-x, url(bg2.png) top right no-repeat;

---

抱歉，我刚刚添加了一个JS。我现在就试试这个：）嗨，是的，这个很管用！谢谢所以我只需要输入我的速记背景属性，并用逗号将两者分开。非常感谢：）我很确定你也可以在正手记法中使用逗号：

background repeat:repeat-x，no repeat