2017-04-03 31 views
0

私のウェブサイトに背景画像を追加したい。ジャンゴ背景画像が消える

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}} /「/静的と等しいです'

または薄い私は逃した?

+0

「/ static/images/img.jpg」に直接行くと画像が見えますか? –

+0

はい、イメージは正常に動作します。上記のシステムメッセージを更新しました。 –

+0

二重引用符を一重引用符に置き換えてみましたか? – TheDarkKnight

答えて

0

開発に静的ファイルを含めるようにURLを設定しましたか?

urlpatterns = [ 
    # ... the rest of your URLconf goes here ... 
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) 
+0

を使用することもできます。ついに働く。それは必要ですか? –

+0

これは必須ではありませんが、django.contrib.staticfilesミドルウェアがインストールされていない場合は、開発時に静的ファイルを使用することができます – dentemm