我无法从HTML中的CSS加载Django静态文件

Question

我无法从html文件中的inline-css加载静态文件，该文件存在于django应用程序的模板文件中。 供参考，原始文件代码为

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

我正在尝试导入django静态文件中img文件夹中原始存在的Portfolio8.jpg。我将代码更改为：

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

执行此操作无效。如果有人可以帮助您从样式中加载img网址，那将是很好的选择。

Answer 1

为了加载静态文件，首先您可能必须使用以下命令来收集静态文件：

python manage.py collectstatic

然后在模板中，通过以下方式加载静态标签：

{% load static from staticfiles %}

Answer 2

不要在样式标签中传递图片。所要做的是，它将为输入的文本（您没有通过）设置背景图像。试试下面的代码，它应该适合您。

pip install -r requirements.txt

谢谢。

Answer 3

如果您在样式区域中使用它，请尝试

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