Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在css样式标记中编写django代码来链接静态目录中的图像_Css_Django_Tags_Styles_Django Staticfiles - Fatal编程技术网

如何在css样式标记中编写django代码来链接静态目录中的图像

如何在css样式标记中编写django代码来链接静态目录中的图像,css,django,tags,styles,django-staticfiles,Css,Django,Tags,Styles,Django Staticfiles,我想将Django代码写入HTML元素中的CSS样式标记中,以便从静态目录中获取图像。这是我的原始代码 <a href="single.html" class="img" style="background-image: url(images/image_1.jpg);"></a> 我尝试了以下代码 <a href="single.html" class="img&quo

我想将Django代码写入HTML元素中的CSS样式标记中,以便从静态目录中获取图像。这是我的原始代码

<a href="single.html" class="img" style="background-image: url(images/image_1.jpg);"></a>

我尝试了以下代码

<a href="single.html" class="img" style="background-image: {% static 'images/image_1.jpg' %};"></a>

但这对我不起作用,我怎么解决这个问题?
注意:我使用{%load static%}加载所有静态文件,css和js工作正常,但我没有做到这一点。

您可以检查根
项目/settings.py中是否有类似的内容:

STATIC_ROOT = ''
STATIC_URL = '/static/'
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),)
然后,在根
项目/url.py
中:

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [...] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

当然,请确保在这些更改后重新启动服务器。

首先在settings.py中添加这些代码

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static')

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'myproject/static')
]


# Media settings
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'
然后将这些代码添加到项目url.py中

urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
然后将这一行添加到html中

style="background-image: url({%static 'images/person_1.jpg' %});"