如何在 Django 的“main.css”中提供图像路径？答案

【问题标题】：How to provide image path in "main.css" in Django?如何在 Django 的“main.css”中提供图像路径？
【发布时间】：2020-09-13 20:46:45
【问题描述】：

我正在尝试在 Django 中构建一个应用程序，我已经创建了一个主页，我为项目设置的静态路径运行良好。除了图像“banner.jpg”之外，我能够完美呈现与 HTML(index.html) 相关的 CSS (main.css) 和图像。

对于其他图片，我已经设置了路径，就像我们通常在 Django 中所做的那样，

<img src="{% static 'images/image1.jpg' %}" alt="" />

对于主页的横幅，我尝试在 CSS 中设置如下所示的路径。

main.css

#banner {
        background-color: #e5474b;
        color: #f2a3a5;
        padding: 13em 0 11em 0;
        background-color: #0c0c0c;
        background-image: url("../images/banner.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 15% left;
        text-align: left;
        position: relative;
        z-index: 9999;
    }

或

#banner {
    background-color: #e5474b;
    color: #f2a3a5;
    padding: 13em 0 11em 0;
    background-color: #0c0c0c;
    background-image: url("{% static 'images/banner.jpg' %}");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 15% left;
    text-align: left;
    position: relative;
    z-index: 9999;
}

但是这两种方法都不起作用，但是当我在没有 Django 的情况下设置路径 "url("../images/banner.jpg")" 时，它可以完美地工作并在后台渲染图像。我应该在哪里进行更改以纠正此问题？

谢谢。

【问题讨论】：

试试：background-image: url("/static/images/banner.jpg");
.css 文件是静态文件，这意味着它不会将标签呈现为 jinja 模板
您还可以使用包含标签来动态构建，然后包含在模板 css 样式中。 docs.djangoproject.com/en/3.0/howto/custom-template-tags/…
@Ben 它不工作 :(
stackoverflow.com/questions/55144698/…

标签： django django-models django-forms django-templates

【解决方案1】：

在努力并查看了 cmets 之后，我能够找到一个适合我的快速解决方案。

<head>
  ...
  <style>
    #banner {
      background-image: url("{% static 'images/banner.jpg' %}");
    }
  </style>
 ...
</head>

我刚刚将背景图像部分从“main.css”剪切到标题部分下的“index.html”，它运行良好。

【讨论】：