Djangoサイトのdivに背景画像を追加できません

DjangoサイトのBootstrapの行であるdivに背景画像を追加します。私のCSSは言う：Djangoサイトのdivに背景画像を追加できません

.bimage { 

    background-image: url("{% static 'home/images/background.jpg' %}"); 

}

私はJPGは、右フォルダ内にあることを確認しました。他の何かが間違っていますか？

出典

2017-08-02 henrich

中括弧％、および静的 – Pratikshya

を取り除くと、CSSファイルまたはテンプレートヘッダー内にこれが表示されますか？ –

cssファイルにある場合は、../../を使用してディレクトリを上に移動し、次にhome->imagesディレクトリに移動します。 djangoテンプレートタグをCSSファイルで使用することはできません。

例のために、あなたのCSSファイルがstatic/css/style.cssであり、あなたのイメージは、あなたが希望、static/home/images/background.jpgにある場合：あなたのCSSではなく、あなたのテンプレートのヘッダーに、CSSファイルに含まれていない場合

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

settings.pyファイルにSTATIC_URLとSTATICFILES_DIRSが正しく設定されていることを確認してください。

これが問題でない場合は、スタティック{% load static %}がテンプレートに読み込まれていることを確認してください。

これが問題でない場合は、python manage.py collectstaticを試してください。

最後に、正しいディレクトリを指していることを確認してください。

出典

2017-08-02 00:50:17

これらのヒントをありがとう！ – henrich

幅との高さはですか？次に、背景イメージが大きすぎないことを確認します。そうであれば、その一部だけが表示されます。

.bimage { 
    height: 100%; 
    width: 100%; 
    background: url("{% static 'home/images/background.jpg' %}") no-repeat center center; 
    background-size: 100%; 
}

デザインに合わせて調整する必要がある場合があります。 iamgeがロードされていることを確認してください。 ブラウザコンソールに404エラーが表示されますか？

出典

2017-08-02 00:21:23

カーリーブラケット、％s、および静的を削除しない限り、404エラーは発生しません。 divには幅や高さがありません。私も背景と背景画像を試しましたが、いずれもうまくいきませんでした。 – henrich

ブラウザでコードを検査してください。 divには、コンテンツが追加されていない場合は通常、高さと幅がありません。背景画像を表示するには、幅と高さを設定します。また、CSSの出力リンクが目的のイメージにつながっているかどうかを確認してください。 –

Djangoサイトのdivに背景画像を追加できません

答えて

関連する問題