时间戳

首页 > 解决方案 > 如何在 Django 静态文件中使用 background-image css 属性

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

问题描述

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

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

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

标签： cssdjangodjango-staticfiles

解决方案

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);
}

推荐阅读