html - 外部 CSS で参照されている背景画像が読み込まれていません

Question

これを外部cssファイルに入れましたが、まったく機能しません。私はそれを間違って書いたと思いますが、内部に配置すると問題なく動作します。何が起こっているのかについてのアイデアはありますか?

html
{
background-image:url(images/background-grid.jpg);
background-repeat:repeat;
}

score 7 · Accepted Answer

CSSファイルはこのようなフォルダにあると思います。

    /
        css/
            あなたのcss.css
        画像/
            背景グリッド.jpg
        index.html

CSS ファイルで指定されたパスは、CSS ファイルのパス(私が示した例ではフォルダー)に対する相対パスです。cssしたがって、次を使用する必要があります..。

background-image: url(../images/background-grid.jpg);

score 4 · Accepted Answer

完全に間違って書いたのではないと思います

ただし、htmlの代わりにbodyを使用することをお勧めします。

ボディを使う理由の説明

これにより、そのbodyタグの上にオーバーレイを使用できます。体のグリッドっぽい背景と側面の陰のように。しかし、どちらも正しいです。あなたが何をしようとしているのかに応じて、ofc。

背景を繰り返さない場合は、画像がページ全体を使用していない可能性があるため、htmlタグを使用する必要があります。しかし、この場合、その繰り返しのために同じ解決策が得られます。

SOリプレイ：tnxからattronics

あなたの「エラー」の説明

画像がhtmlページとは別のフォルダにある場合（これが当てはまるはずです）。..cssファイルへの相対パスとして使用する必要があります。

それがない..と、htmlページと同じフォルダでその画像を探すことになります。

body{
  background-image:url(../images/background-grid.jpg);
  background-repeat:repeat;
}

これはCSSのいくつかの基本を提供するサイトです。ただし、ソースを確認しませんでした。

score 2 · Accepted Answer

それはあなたのフォルダ構造かもしれません、試してください

html
{
background-image:url(../images/background-grid.jpg);
background-repeat:repeat;
}

5 に答える 5