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

Question

我知道已经回答了类似的问题，但是对于如何在链接的CSS文件中执行此操作没有明确的答案，所有这些建议都直接在html文件本身中完成。我有一个{{1} }项目，其结构如下：

工作/核心/静态/核心/图像/search.jpg

如何在用Jobs引用的css文件中将input元素的background-image属性设置为'search.jpg'  ？我曾经问过类似的问题，所有的答案都暗示了诸如在元素本身上内联设置之类的事情，但是如何在链接的CSS文件中完成呢？

Answer 1

Django无法看到或编写CSS文件，所有需要Django静态导入的CSS都应内嵌（我喜欢使用带有静态url的内嵌CSS创建新的html文件，而不是包含它放在我的模板上）

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

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

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