如何在 Django 静态文件中使用 background-image css 属性答案

【问题标题】：How to use background-image css property with Django static files如何在 Django 静态文件中使用 background-image css 属性
【发布时间】：2018-12-14 08:11:51
【问题描述】：

我知道已经回答了类似的问题，但是对于如何在链接的 css 文件中执行此操作没有明确的答案，都建议直接在 html 文件本身中执行我有一个 Jobs 项目，具有以下结构以获取图像文件夹：

Jobs/core/static/core/images/search.jpg

如何在 <link rel="stylesheet" href="{% static 'core/css/index.css' %}" /> 引用的 css 文件中将 input 元素的 background-image 属性设置为“search.jpg” ?我看到过类似的问题，所有的答案都暗示了一些事情，比如将其设置在元素本身上，但是如何在链接的 css 文件中完成呢？

【问题讨论】：

标签： css django django-staticfiles

【解决方案1】：

Django 看不到或编写 CSS 文件，所有需要 Django 静态导入的 CSS 都应该内联（我喜欢用我的内联 css 和静态 url 创建一个新的 html 文件，而不是包含它在我的模板上）

<div style="background-image: url({% static 'core/images/search.jpg' %});" />

或者您可以在 css 文件中使用相对路径，但这可能会让您在开始在生产环境中设置时感到头疼

.someClass {
   background-image: url(/static/core/images/search.jpg);
}

【讨论】：