时间戳

首页 > 解决方案 > 无法在 Django 中设置背景图像

html - 无法在 Django 中设置背景图像

问题描述

所以我有一个 base.html 文件，我正在尝试向其中添加背景图像。这个 base.html 文件在所有其他系统文件中被继承，我希望将背景图像添加到 base.html 会自动将背景图像添加到所有继承它的文件中。

我的静态/css 路径中有一个 master.css 文件，我正在尝试通过以下方式向其中添加背景图像：

body{
  background-image: url(./background.jpeg); 
}

我已将图像放在与 master.css 相同的文件夹中。

我还附上了我的文件结构的屏幕截图。 在此处输入图像描述

我哪里错了？任何帮助表示赞赏。谢谢你。

编辑1：在我导入css文件的地方添加我的base.html。

<!DOCTYPE html>
{% load static %}
<html>
  <head>
    <meta charset="utf-8">
    <title>Coupon Portal</title>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <!-- Optional theme -->
    <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> -->

    <!-- Alternative to Bootstrap 3 Glyphicons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

    <link rel="stylesheet" href="{% static 'couponSystem/css/master.css'%}">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
    <script>

    </script>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg bg-dark mynav" role="navigation" id="navbar">
      <div class="container">
        <div class="navbar-nav align-items-center">

          <a class="navbar-brand mynav" href="{% url 'home' %}">The Coupon Portal</a>
        </div>
        <div class="navbar-nav ml-auto">
          {% if user.is_authenticated %}
            <a class="nav-item nav-link" href="{% url 'accounts:logout' %}" class="btn btn-simple">Log out</a>
          {% else %}

            <a class="nav-item nav-link" href="{% url 'accounts:login' %}" class="btn btn-simple">Log in</a>
            <a class="nav-item nav-link" href="{% url 'accounts:signup' %}" class="btn btn-simple">Sign up</a>
          {% endif %}
        </div>
      </div>
    </nav>

    <div class="container mycontent">
      {% block content %}

      {% endblock %}
    </div>

  </body>
</html>

标签： htmlcssdjango

解决方案

您缺少引号，请尝试如下：

body{
    background-image: url("background.jpeg"); 
}

推荐阅读