Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/298.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
Python 如何在css django 1.11.x中设置模型中的图像?_Python_Css_Django - Fatal编程技术网

Python 如何在css django 1.11.x中设置模型中的图像?

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)

我尝试在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)
    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文件。看看这里