4

我正在尝试应用两个背景图像。一个是我希望沿 x 轴重复的重复色块。另一个只是我只想出现一次的单个图像。

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

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

这可能有多个背景,还是我必须回到嵌套两个独立 div 的旧方式?

JS 小提琴:http: //jsfiddle.net/nnq4S/

灰色背景应该跨越容器的整个顶部,而色带应该保持不变。

4

1 回答 1

3

我手边没有测试,但这有用吗?

background:url(bg1.png) top left repeat-x, url(bg2.png) top right no-repeat;
于 2012-09-16T18:34:59.147 回答