11

体の背景として2つの画像があります。

background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;

upper_bg.png上記のbg.png画像を表示するには、リストの最初に配置する必要があることがわかりました。ただし、複数の背景をサポートしていないブラウザの場合は、ブラウザがの代わりにフォールバックとして機能するのbg.pngではないかと心配しています。この問題を解決するにはどうすればよいですか?upper_bg.pngbg.png

4

1 に答える 1

21

background複数の背景がそれを行う必要がある前に、bg.pngだけで宣言を追加するだけです。

background: url(../img/bg.png) repeat;
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;

古いブラウザは2行目を無視し、1行目を保持します。2行目のどの部分も使用しようとしないでください。複数の背景をサポートするブラウザは、通常どおりオーバーライドすることにより、最初の行ではなく2番目の行を使用します。

于 2013-02-02T12:49:07.273 に答える