求助：Django中CSS背景图无法加载，img标签静态资源引用正常

首先，问题的核心在于Django的模板引擎不会解析静态CSS文件里的模板变量：你在HTML中用{% static %}标签能正常工作，是因为HTML文件会经过Django模板渲染，变量会被替换成实际的静态文件路径；但CSS文件是作为静态资源直接发送给浏览器的，里面的{{ STATIC_URL }}不会被解析，浏览器会尝试请求这个字面量路径，自然找不到图片。

下面是几种可行的解决方法：

• 方法一：使用相对路径（推荐）
  根据你的文件结构apps/store/static/store/img/store.jpg，假设你的CSS文件在apps/store/static/store/css/目录下，那么相对于CSS文件，图片的路径是../img/store.jpg。修改CSS代码为：

  background: url('../img/store.jpg');
  

  这样浏览器会根据CSS文件的位置，自动定位到正确的图片路径。

• 方法二：在HTML中使用内联样式
  既然HTML模板能正确解析{% static %}标签，你可以把背景样式直接写在目标div的style属性里：

  <div class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px; background: url('{% static "store/img/store.jpg" %}');" id="home">
  

  模板渲染后，{% static %}会被替换成实际的静态URL，浏览器就能正确加载图片了。

• 方法三：嵌入CSS到HTML模板中（适合少量样式）
  如果你需要在CSS中使用Django模板变量，可以把CSS内容放到HTML的<style>标签里，这样模板引擎会解析其中的变量：

  <style>
  .w3-display-container {
      background: url('{% static "store/img/store.jpg" %}');
      max-width:1600px;
      min-width:500px;
  }
  </style>
  

另外，确认你的Django静态文件配置没有问题：

• 确保settings.py中STATIC_URL = '/static/'已正确设置
• 如果是开发环境，DEBUG = True时Django会自动处理静态文件；生产环境需要运行python manage.py collectstatic收集静态资源到STATIC_ROOT目录

内容的提问来源于stack exchange，提问作者Daniel Yanez