4

2つの背景画像を適用しようとしています。1つは、x軸に沿って繰り返したい色の繰り返しブロックです。もう1つは、1回だけ表示したい1つの画像です。

複数の背景画像を使用して2つの画像を同じdivに適用しようとしましたが、特定の背景ルールを各背景にターゲットにする方法がわかりません。

背景1は、topとrepeat-xの位置にある必要があります。背景2は、右上の位置にあり、繰り返しがない必要があります。

これは複数の背景で可能ですか、それともネストされた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 に答える