Python 如何在css django 1.11.x中设置模型中的图像?
我尝试在css文件中插入一个以前由用户注册的图像 我的模型Python 如何在css django 1.11.x中设置模型中的图像?,python,css,django,Python,Css,Django,我尝试在css文件中插入一个以前由用户注册的图像 我的模型 class Basics(models.Model): ... logo = models.ImageField('Logo') ... 我的上下文处理器 # -*- conding:utf-8 -*- from .models import Basics def general(request): try: sitebasics = Basics.objects.get(pk=1)
class Basics(models.Model):
...
logo = models.ImageField('Logo')
...
我的上下文处理器
# -*- conding:utf-8 -*-
from .models import Basics
def general(request):
try:
sitebasics = Basics.objects.get(pk=1)
except:
sitebasics = False
context = {
'sitebasics': sitebasics,
}
return context
我的css文件
{% load thumbnail %}
...
.header-full-title {
float: left;
overflow: hidden;
padding-left: 75px;
background-image: url("{{ sitebasics.logo|thumbnail_url:'logo_large' }}");
background-repeat: no-repeat;
background-position: left center;
}
检查HTML的输出为:
.header-full-title {
float: left;
overflow: hidden;
padding-left: 75px;
background-image: url({{ sitebasics.logo|thumbnail_url:'logo_large' }});
background-repeat: no-repeat;
background-position: left center;
因此,在渲染时,不要将图像的路径放在css中的原始文本中
如何在呈现HTML时在css文件中加载图像?Django不会在css中呈现 如果要更改背景图像,最好在模板内内联写: 内部模板:
<div class="header-full-title" style="background-image: url('{{ sitebasics.logo|thumbnail_url:"logo_large" }}');"></div>
您也可以创建动态css,但事实并非如此,因为您只需要更改一个属性。这通常不是修改css类的方式。你在这个庄园里这么做有什么原因吗?您通常会将css类和图像存储在myproject/myproject/static/img和…/static/css中,然后从html模板{%load static%}加载样式表并提取所需的图像。您甚至可以从模板中{%if test%}。有些属性具有相同的图像,但我发布了一个示例,css中有五个以上的
class
和id
来做同样的事情,区别在于与和height
图像。如果您有多个属性要更改,并且每个属性都有不同的元素,您可以更改它们,那么您可能可以动态呈现css文件。看看这里