фоновое изображение не отображается в Django

Question

У меня есть приложение accounts, и у меня есть значок в accounts/static/accounts/images/mail-icon.png, который я хочу использовать в качестве фонового изображения в своем CSS, и в моем шаблоне у меня есть:

<a id="mail-icon" href="{% url 'register' %}">Registration via Email address</a>

В моем register.css (который находится в accounts/static/accounts/css/register.css у меня есть:

#mail-icon {
    background-image: url(../images/mail-icon.png);
}

Когда я проверяю вкладку Сеть моих инструментов разработчика, я вижу, что я получаю 200 или 304, однако изображениепо какой-то причине не появляется. Я попытался перезагрузить сервер, но безуспешно.

Изображение появляется, если я использую:

<img src="{% static 'accounts/images/mail-icon.png' %}">

В чем может быть проблема?

Answer 1

Вы можете использовать этот код

#mail-icon{
        background-image: url('/static/img/mail-icon.png');
        background-size: 100% auto;
        height: 100px; 
        width: 100px;
      }

<a id="mail-icon" href="{% url 'register' %}">Registration via Email address</a>
  <img src="{% static "accounts/img/mail-icon.png" %}" alt="mail-icon">