title: Django css background-image
body: <p>My css file is working but i can't add bacgorund image. I try 3 way but don't work.</p>
  
  <p>This is my style.css</p>
  
  <pre><code>.first-info{
      width: 100%;
      height: 300px;
      background-image: url( "{% static 'img/bg.jpg' %}");
  }
  </code></pre>
  
  <p>This is my base.html ( img is working)</p>
  
  <pre><code>{% load static %}
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;{% block title %}VPW{% endblock %}&lt;/title&gt;
  
  
  
      &lt;link href="{% static 'css/style.css' %}" rel="stylesheet"&gt;
      &lt;link href="{% static 'css/bootstrap.css' %}" rel="stylesheet"&gt;
      &lt;link href="{% static 'css/font-awesome.css' %}" rel="stylesheet"&gt;
      &lt;script href="{% static 'js/bootstrap.js' %}"&gt;&lt;/script&gt;
  
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container-fluid"&gt;
      &lt;div class="row head"&gt;
          &lt;div class="col-md-12"&gt;
              &lt;div class="col-md-4"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4 logo"&gt;
                  &lt;img src="{% static 'img/logo1.png' %}"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;
  {% block content %}
  {% endblock %}
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my main.html where i have class first-info.</p>
  
  <pre><code>{% extends "shop/base.html" %}
  {% load static %}
  
  {% block title %}VPW{% endblock %}
  
  {% block content %}
      &lt;div class="container-fluid"&gt;
      &lt;div class="row first-info"&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="box"&gt;
                  Lorem Ipsum 
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="box"&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-md-4"&gt;
              &lt;div class="box"&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  
  {% endblock %}
  </code></pre>
  
  <p>I try change in css background-image: url( "{% static 'img/bg.jpg' %}"); to background-image: url( "img/bg.jpg"); but don't work it </p>