在Django的CSS档案中使用背景图片的方式 [英] The way to use background-image in css files with Django
本文介绍了在Django的CSS档案中使用背景图片的方式的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想将图像文件用作 Django
上的背景图像.但是我不知道怎么做.首先,我阅读了此,并尝试在css文件中编写如下内容
I'd like to use an image file as a background-image on Django
. But I do not know how.
First, I read this and tried to write like following this in a css file.
#third{
background: url("img/sample.jpeg") 50% 0 no-repeat fixed;
color: white;
height: 650px;
padding: 100px 0 0 0;
}
但这不起作用.
{% load staticfiles %}
#third{
background: url({% static "img/sample.jpeg" %}) 50% 0 no-repeat fixed;
}
和
#third{
background: url("../img/sample.jpeg") 50% 0 no-repeat fixed;
}
也不起作用.
在CSS文件上使用背景图像时,通常如何编写CSS文件?你能给我一些建议吗?
How do you usually write css file when you use background-image on css files? Would you please give me some advices?
C:\~~~~~~> dir hello\static\img
2016/09/28 19:56 2,123 logo.png
2016/09/24 14:53 104,825 sample.jpeg
C:\~~~~~~> dir hello\static\css
2016/09/29 20:27 1,577 site.css
C:\~~~~~~> more lemon\settings.py
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))
STATIC_ROOT = os.path.join(PROJECT_ROOT, 'staticfiles')
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(PROJECT_ROOT, 'static'),
)
C:\~~~~~~> more hello\templates\base.html
{% load staticfiles %}
<link rel="stylesheet" type="text/css" href="{% static "css/site.css" %}" />
Django版本:1.9.2
Django version: 1.9.2
推荐答案
使用此:
#third{
background: url("/static/img/sample.jpeg") 50% 0 no-repeat fixed;
color: white;
height: 650px;
padding: 100px 0 0 0;
}
这很可能会起作用.在图像URL之前使用"/static/",然后尝试使用它们.谢谢
Most probably This will work.Use "/static/" before your image URL and then try them. Thanks
这篇关于在Django的CSS档案中使用背景图片的方式的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文