質問: WindowsのFirefox(Ver.2.0.0.12)での背景画像の表示について質問です。 下記の様なCSSで、下寄せでX方向に画像を並べ、グラデーションで背景色と馴染むようなデザインにしたいのですが、背景色しか表示されません。 他のブラウザでは上手くいくのですが、原因がわかりません。 Dreamweaverで作っております。 body { background-image: url(img/site/bg.jpg); background-repeat: repeat-x; background-position:bottom; background-color: #826243; } どなたかご教授いただけませんでしょうか。 宜しくお願いいたします。
回答: CSSは基本的に上に書いてあるものを下に書いてあるものが上書きするという動作をするので、 質問された書き方だと、最初に指定した背景イメージを 最後に指定した背景色で同じ位置のスタイルを上書きしているため、イメージが消えてしまったというわけです。 一括で指定しない場合も、一括指定するときと同じ順番で書けば問題はないと思います。