如何在我的django项目中的巨型机背景中加载图像？

Question

我已经陷在这里面好一阵子了。我在Django做一个项目，其中我需要把一个图像放在大屏幕的背景中。

 {% extends 'blog/base.html' %}
    {% load static %}
    {% block content %}
    <header>
      <style>
        .jumbotron {
        background-image: url('{{STATIC_URL}}blog/home-bg.jpg');
        background-size: cover;
      }
      </style>
    </header>
    <!-- JUMBOTRON -->
    <div class="jumbotron text-center">
      <div class="container">
        <h1>Welcome To CodeBlog</h1>  
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</p>
        <a href="{% url 'blog-about' %}" class="btn btn-primary">Read More</a>
      </div>
    </div>
    //some more lines of code
    {% endblock %}

home-bg.jpg位于静态的/blog/home-bg.jpg中

STATIC_URL = '/static/'

但是，我仍然没有得到预期的结果。我使用的是Bootstrap4和Django2.2

Answer 1

{
    background: url("/static/img/sample.jpeg") 50% 0 no-repeat fixed;     
}

像这样使用。会管用的。