我无法在Django中显示图像。它正在加载html文件中定义的img标签中的图像。但是css文件中定义的图像没有加载并显示在页面上。
我已经为静态文件配置了django。其他的图片也在静态文件夹中正确加载。我有一个静态文件夹,里面有另一个css文件夹,包含了所有其他的css文件。HTML文件在模板文件夹中。
css文件
'
/* Cover Section Styling */
#cover{
background-image: url(static/img/random5.jpg);
display:flex ;
height: 70vh;
background-position: center;
align-items:center ;
justify-content: center;
}
'
setting.py file
'
STATIC_URL = '/static/'
# Added manually
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static")
]
'
1条答案
按热度按时间gmxoilav1#
根据您对文件结构的描述,我认为从css文件到background-image的相对路径看起来更像
background-image: url('../img/random5.jpg');
Django变量
{% static %}
只在你的templates文件夹中有效,静态文件中无效。细节已经在this答案中描述过了。