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">

Django中未显示背景图片

1 个答案: