如何在Django项目中优雅地引用CSS背景图片和静态文件？

前言

作为Django新手。你可能已经掌握了很多基本技能，但当你尝试在页面中设置CSS背景图片时是否发现总有些问题让你头疼？别担心，这里有一篇简易技巧，帮你解决设置CSS背景图片和引用静态文件的难题。

浏览器缓存问题即使你修正了方法，浏览器可能仍然显示旧的缓存内容。说起来，尝试清除浏览器缓存，或使用隐身模式/无痕模式访问页面。

使用绝对方法推荐使用从 STATIC_URL 根目录开始的绝对方法。在大多数Django项目中，STATIC_URL 默认为 /static/。这代表着，如果你的图片位于 static/images/那么在CSS中可以直接引用为 /static/images/your-image.jpg

html {# 在HTML模板文件中 #} {% load static %}

在CSS中引用背景图片的关键

为什么 {% static %} 不适用于CSS？

{% static %} 是Django模板语言的标签，用于在HTML模板中动态生成静态文件的URL。CSS文件是纯文这篇文章件，Django不会对其进行模板渲染。无法直接在CSS文件中使用 {% static %} 标签。试图在CSS中直接使用它会导致语法错误或方法无法解析。