Question

我需要在Django管理站点中显示背景图像。我已经看过所有问题，但没有一种解决方案适合我。我只希望背景显示在管理站点的背面。我有一个base_site.html

{% extends "admin/base_site.html" %}

{% load static %}

{% block extrastyle %}

{{ block.super }}

<link rel="stylesheet" type="text/css" href="{% static "css/admin-extra.css" %}" />
{%endblock%}

extra-admin.css

  head.bg {
  /* The image used */
  background-image: url('{{ STATIC_URL }} background.png') ;

  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }

此Extra-admin.css已加载，正如我在Firefox检查器中看到的那样。但是，图像不会出现。某些内容似乎出现在背景中，但立即被具有白色背景的普通管理站点覆盖。

Answer 1

我找到了解决方法`。这是base_site.html

{% load static %}    
{% block extrastyle %}     
{{ block.super }}    
<link rel="stylesheet" type="text/css" href="{% static 'css/admin_extra.css' %}"    />
{%endblock%}

这是admin-extra.css

body {
  /* The image used */
  background-image: url('background.png') !important;
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

settings.py是

 STATICFILES_DIRS = (
os.path.join(BASE_DIR, "E6000_stitch_techniques", "static"),
)     
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

请确保在未提供静态文件cn时查看django控制台以捕获所有错误404。

Answer 2

将目录添加到您的静态文件夹：

var x = new List<string>() { "hello", "world" };
x.FE((ind, ele) =>
{
    Console.WriteLine($"{ind}: {ele}");
});

，然后在此目录中，从site_packages中复制管理员的base.css。

/static/admin/css

尝试覆盖base.css并设置主体的背景图像。同时删除背景：#fff;。

django将背景图像添加到管理站点

2 个答案: