Как использовать свойство css background-image со статическими файлами Django

Question

Я знаю, что на подобные вопросы были даны ответы, но нет четких ответов о том, как это сделать в связанном css-файле, все предлагают делать это непосредственно в самом html-файле У меня есть проект Jobs, со следующей структурой, чтобы попасть в папку с изображениями:

Работа / ядро ​​/ статический / ядро ​​/ изображения / search.jpg

Как установить свойство background-image элемента input в 'search.jpg' в файле css, на который ссылается <link rel="stylesheet" href="{% static 'core/css/index.css' %}" /> ? Я видел похожие вопросы, задаваемые, и во всех ответах предлагаются такие вещи, как установка его встроенным в сам элемент, но как это можно сделать в связанном css-файле?

Answer 1

Django не может видеть или писать файлы CSS , все ваши CSS, которые нуждаются в статическом импорте Django, вы должны поместить его в строку (я хотел бы создать новые HTML-файлы с моим встроенным CSS со статическими URL-адресами, а затем включить его по моему шаблону)

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

Или вы можете использовать относительные пути в ваших CSS-файлах, но это, вероятно, даст вам головную боль при запуске установки в производство

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