私のウェブサイトに背景画像を追加したい。ジャンゴ背景画像が消える
settings.py:ファイルに関する
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
STATIC_URL = '/static/'
STATIC_ROOT = ''
はパス:
project/app
/static/css/base.css
/images/img.jpg
私はHTMLとCSSをint型にそれぞれ、二つの方法を試してみました。
は、HTMLに追加します。
HTML:
{% load static %}
<section style:"background-image: url({% static "images/img.jpg" %})"></section>
をCSSに追加します。
HTML:
<link href="{{ STATIC_URL }}css/base.css" rel="stylesheet" type="text/css" />
<section id="intro-header"></section>
をの
CSS:
section#intro-header{
background-image: url({% static "images/img.jpg" %});
background-size: cover;
}
それらの両方が動作しません。
どの部分を欠席しましたか?
"GET /images/img.jpg HTTP/1.1" 404 2387
更新
私はwがそれhtmlファイルにし、
<style>
section#intro-header{
background-image: url("/static/images/winter.jpg");
background-size: cover;
}
</style>
を置く:ここに更新
は、システムメッセージでありますorks
しかし、まだCSSの問題が残っています。 で
更新
おかげで皆
そしてそれが動作<link href="/static/css/base.css" rel="stylesheet" type="text/css" />
にCSSで
ターンを追加し、ものの{{STATIC_URL}} /「/静的と等しいです'
または薄い私は逃した?
「/ static/images/img.jpg」に直接行くと画像が見えますか? –
はい、イメージは正常に動作します。上記のシステムメッセージを更新しました。 –
二重引用符を一重引用符に置き換えてみましたか? – TheDarkKnight