Django框架中CSS背景图片无法显示且报404错误求助

1. 修正HTML中图片的静态路径 #

你的index.html里img标签的static路径多嵌套了一层static/，{% static %}模板标签会自动拼接STATIC_URL（即/static/），所以只需写图片相对于static目录的实际位置。假设图片存放在polls/static/polls/images/background.png，修改后代码：

<img src="{% static 'polls/images/background.png' %}" alt="My Image">

2. 修正CSS中的背景图片写法与路径 #

• background-image属性仅负责指定图片URL，no-repeat属于background-repeat属性，不能混写；
• CSS文件的相对路径是相对于自身所在位置，你的style.css在polls/static/polls/，所以图片路径应为images/background.png（对应polls/static/polls/images/background.png）。

修正后CSS：

li a {
    color: green;
}

/* 拆分属性写法 */
body {
    background-image: url('images/background.png');
    background-repeat: no-repeat;
}

/* 或用background简写写法 */
/* body {
    background: url('images/background.png') no-repeat;
} */

3. 确认静态文件目录结构 #

确保你的静态文件目录符合Django规范，正确结构如下：

项目根目录/
├── polls/
│   ├── static/
│   │   └── polls/
│   │       ├── style.css
│   │       └── images/
│   │           └── background.png
│   ├── templates/
│   └── ...
├── settings.py
└── ...

Django会自动识别每个app下static/app_name/目录内的静态文件，这样{% static 'polls/style.css' %}才能正确匹配。

4. 开发环境静态服务检查 #

• 确认settings.py的INSTALLED_APPS包含django.contrib.staticfiles（默认已添加）；
• 开发阶段用python manage.py runserver启动服务即可，无需执行collectstatic（该命令用于部署场景）。

5. 验证路径有效性 #

直接在浏览器地址栏访问http://localhost:8000/static/polls/images/background.png，如果能正常显示图片，说明路径配置正确；若仍报错，检查文件是否存在、路径拼写是否有误。

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