2017-04-03 5 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 :

HTML :

<link href="{{ STATIC_URL }}css/base.css" rel="stylesheet" type="text/css" /> 

<section id="intro-header"></section> 

{% load static %} 
<section style:"background-image: url({% static "images/img.jpg" %})"></section> 

는 CSS에 추가

CSS :

section#intro-header{ 
background-image: url({% static "images/img.jpg" %}); 
background-size: cover; 
} 

둘은 작동하지 않습니다.

어느 부분을 놓쳤습니까?

"GET /images/img.jpg HTTP/1.1" 404 2387 

갱신

내가 승 그것을 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" />

{{STATIC_URL가}}/정적 '와 동일하지만이 작품에 CSS를에 추가

갱신

감사합니다 '

또는 얇은 내가 놓친 거니?

+0

'/ static/images/img.jpg'로 직접 이동하여 이미지를 볼 수 있습니까? –

+0

예, 이미지가 작동하지 않습니다. 위의 404 시스템 메시지를 업데이트했습니다. –

+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

관련 문제