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

时间:2018-10-20 06:18:35

标签: html django django-urls

我无法从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网址,那将是很好的选择。

3 个答案:

答案 0 :(得分:0)

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

python manage.py collectstatic

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

{% load static from staticfiles %}

答案 1 :(得分:0)

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

pip install -r requirements.txt

谢谢。

答案 2 :(得分:0)

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

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