Я не могу загрузить статические файлы Django из CSS в HTML

Question

Я не могу загрузить статические файлы из inline-css в html-файл, который присутствует в файле шаблонов в приложении django.Для справки: исходный код файла

<a class="portfolio-item" style="background-image: url(img/portfolio8.jpg);" href="">

Я пытаюсь импортировать портфолио8.jpg, которое изначально присутствует в папке img в статических файлах в django.Я изменил код на:

<a class="portfolio-item" style="background-image: url({% static 'proj/img/portfolio8.jpg' %});" href="">

Это не сработало.Было бы здорово, если бы кто-то мог помочь с тем, как загрузить img url из стиля.

Answer 1

Не передавайте изображение в теге стиля.То, что это делает, это установит фоновое изображение для текста, который вводится (который вы не передаете).Попробуйте приведенный ниже код, он должен работать для вас.

<a class="portfolio-item" href="">
<img src="{% static 'proj/img/portfolio8.jpg' %}"/>
</a>

Спасибо.

Answer 2

Если вы используете его в области стиля, попробуйте это

<a class="portfolio-item" style="background-image: url('static/proj/img/portfolio8.jpg');" href="">

Answer 3

Чтобы загрузить статические файлы, сначала вам может потребоваться собрать статические файлы с помощью этой команды:

python manage.py collectstatic

И в шаблоне загрузка статического тега с помощью:

{% load static from staticfiles %}