Question

我想将背景图片添加到我的网站。

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。

添加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

更新

当我把

    <style>
    section#intro-header{
           background-image: url("/static/images/winter.jpg");
           background-size: cover;
    }
    </style>

在html文件中，它可以正常工作

但是css问题仍然存在。

更新

谢谢大家

在添加css

变成<link href="/static/css/base.css" rel="stylesheet" type="text/css" />

然后它有效，虽然{{STATIC_URL}}等于＆＃39; / static /＆＃39;

还是我错过的东西？

Answer 1

您是否设置了URL以在开发中包含静态文件？

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

Django背景图像消失

1 个答案: