Question

我查看了如何将图片设置为div的背景的链接。我尝试了各种方法。但是在某个地方仍然会出错，需要一些指导...

以下是我的目录结构：

frontend
    /frontend (django project)
        settings.py
        .
        .
    /webApp (django app)
        /templates
            /static
                img1.jpg
            home.html

在我的home.html我有以下一行

{% load static %}

<div style="background-image: url({% static "/img1.jpg"%}); height: 650px; width: 1920px;">

我有settings.py，

STATIC_URL = '/static/'

但是在显示页面时不会显示图像。我收到以下错误。

"GET /static/img1.jpg HTTP/1.1" 404 1803

我的目录结构不同，之前已经搜索了几个问题以满足我的需要。我仍然对网址感到困惑，并为背景图片分配网址。此外，我希望将其设置为url，而不是href来设置background-image。我该怎么做？

Answer 1

尝试在settings.py中指定STATICFILES_DIRS

STATICFILES_DIRS = (
    "<absolute path to static folder>",
)

Answer 2

尝试使用正确的路径添加：

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

Answer 3

我做了一些更改...我将静态文件夹转移到我的settings.py所在的位置...并删除html文件中/之前的img1.jpg ...最后它现在正在运作......

添加图像作为django模板的背景

3 个答案: