背景画像を表示させたい

画像１枚をページ全体に背景画像として設定したいと思っております。そのために、<body>タグに、background-imageプロパティを用いて書きましたが、表示されませんでした。
その後、body｛｝を試験的に　.class名{} で試したら表示があり、パスの綴りミスの可能性が低いと思われます。一応、backgroundプロパティの後ろに、width height background-size background: など、やってみましたが、変化なし。
クラスセレクタ指定では表示され、bodyタグ指定では表示されないのは、何が原因にあるでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

思いついた可能性を書いてみます。参考になれば幸いです。

**[1] bodyにstyle="background-image: url();"で背景画像を指定している場合 **
ファイルについて以下を想定し、画像のパスについて念のための確認です。
/css/style.css
/img/bg-body.jpg
index.html

CSS
1/* style.css内の記述 */
2.aaa {
3  /* こちらだと表示される */
4  background-image: url(../img/bg-body.jpg);
5}

↓

HTML
1<!--index.html内の記述  -->
2<head>
3  <link rel="stylesheet" type="text/css" href="css/style.css"/>
4</head>
5
6<!-- CSSの記述をそのままもってきてもリンク切れになる -->
7<!-- <body style="background-image: url(../img/bg-body.jpg);"> -->
8
9<!-- HTMLファイルにリンクを書く場合、CSSファイル内のパスとは書き換えることが必要 -->
10<body style="background-image: url(img/bg-body.jpg);">
11

[2] CSSの記述の順番

CSS
1body {
2  background-image: url(../img/bg-body.jpg);
3}
4
5...
6
7/* あとで読み込まれるような記述で以下のような記述があれば、background-imageの記述は上書きされて消えてしまいます。 */
8body {
9  background: #fff;
10}
11