我正在尝试应用两张背景图片。一个是我希望沿x轴重复的重复色块。另一个只是我想要出现一次的单个图像。
我已经使用多个背景图片尝试将两个图像应用于同一个div，但是我不确定如何将特定背景规则定位到每个背景。
背景1需要具有top和repeat-x的位置。 背景2需要具有右上角和不重复的位置。
这可能是多个背景还是我必须回到嵌套的两个独立div的旧方式？
JS小提琴：http://jsfiddle.net/nnq4S/
灰色背景应该跨越容器的整个顶部，而色带应该保持放置。
答案 0 :(得分：3)
我没有方便的测试，但这有用吗？
background:url(bg1.png) top left repeat-x, url(bg2.png) top right no-repeat;