使用多個背景時指定背景重複和位置

Question

我試圖應用兩個背景圖像。一個是我想沿x軸重複的顏色重複塊。另一個只是我想只出現一次的單個圖像。

我已經使用了多個背景圖像來嘗試獲取應用於同一div的兩個圖像，但是我不確定如何將特定背景規則定位到每個背景。

背景1需要有top和repeat-x的位置。 背景2需要有一個右上和不重複的位置。

這是可能的多個背景，或者我將不得不回到兩個單獨的div嵌套的舊方式？

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

灰色背景應該跨越容器的整個頂部，而色帶應該留在原地。

Answer 1

我沒有一個測試方便，但這是否工作？

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