html - 本文の背景画像はCSSでは表示されず、HTMLでのみ表示されます

Question

私は本当に奇妙な問題を抱えています。CSSを使用してボディのバックグラウンドを設定しようとしましたが、許可されません。タグ内で単純なHTMLタグを使用している場合

<body background="images/bg.jpg">

その動作！しかし、CSSでこれを使用している場合：

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

BG画像は表示されません。

すべてが正しいです。フォルダを確認すると、すべてがその場所にあります。ChromeとMozillaでこれを試しましたが、どちらも機能していません。

助言がありますか？

score 2 · Accepted Answer

CSSがインラインの場合：

<style>
    body { background-image: url('images/bg.jpg'); }
</style>

ファイルを使用している場合は、次のように言いますcss/main.css。

body { background-image: url('../images/bg.jpg'); }

または、絶対パスを使用することもできます。

body { background-image: url('/images/bg.jpg'); }

この例では、イメージディレクトリがルートWebディレクトリにある必要があります。

score 1 · Accepted Answer

1

url("./images/bg.jpg")またはを試してくださいurl("/images/bg.jpg")。

于 2012-10-21T22:46:39.007 に答える

score 1 · Accepted Answer

私はここでもまったく同じ問題を抱えていました。何でもやってみようと思ったのですが…もう一つありました。

まず、私のcssパスは次のとおりです。

assets/css/custom/main.css

次のように私の画像フォルダ：

assets/img/bodyBackround.jpg

cssを使用してページにバックラウンドを表示するには、2つのフォルダーに戻る必要がありました。私のページからの例：

body{
  background: url(../../img/bodyBackround.jpg) repeat;
}

ここ../../で、2つのフォルダに戻ります。お役に立てれば。

3 に答える 3