내 웹 사이트에 배경 이미지를 추가하고 싶습니다.장고 배경 이미지가 사라집니다.
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를에 추가
갱신
감사합니다 '
또는 얇은 내가 놓친 거니?
'/ static/images/img.jpg'로 직접 이동하여 이미지를 볼 수 있습니까? –
예, 이미지가 작동하지 않습니다. 위의 404 시스템 메시지를 업데이트했습니다. –
작은 따옴표로 큰 따옴표를 바꾸시겠습니까? – TheDarkKnight