html - 如何在 Django 中将图像添加为内联背景图像

Question

我知道有很多关于如何在 Django 中使用 staic 文件以及如何将它们添加到 html 框架中的条目。我已经搜索了 2 个小时并尝试了所有解决方案，但对我没有任何帮助！

我想将图像设置为 li 元素中的背景。我尝试了以下所有方法：

<li style="background-image: url({% static \'images/start1.JPG\'});">
<li style="background-image: url('{% static &ldquo;images/start1.JPG&ldquo;}');">
<li style="background-image: url('{% static &quot;images/start1.JPG&quot;}');">
<li style="background-image: url('{% static \"images/start1.JPG\"}');">
<li style="background-image: '/static/images/start1.JPG';">

我可能只是犯了一个小错误，但我找不到它，我真的很感激一些帮助。

我尝试将图像加载到 img 元素中：

<img src="{% static "images/start1.JPG" %}" alt="My image">

那行得通，所以图像在正确的路径上。

最好的，伦尼。

带有 " 的选项被解释为 html，如下所示：

style='background-image: url("{% static \"images/start1.JPG\"}");

标签： htmlcssdjango

Answer 1

好的，我发现了错误。我的 base.html 文件中有命令 {% load staticfiles %} 。

我正在扩展该模板，但显然我需要将该命令也放入我的 index.html 文件中。