Django继承base.html模板后修改header标签背景图片的问题

1. 静态资源路径写法校验 #

• 首先确认所有用到静态资源的模板顶部都已加载Django静态文件标签：

  {% load static %}
  

• 你父模板中原有的路径写法是错误的，直接写url('static/assets/img/home-bg.jpg')属于相对路径，只有页面路由刚好在站点根目录时才会生效，子模板路由层级不同时路径会直接失效，不管父模板还是子模板的背景图路径都要替换为static标签写法：

  style="background-image: url('{% static 'assets/img/对应背景图文件名.jpg' %}');其余原有样式不变"
  

2. block块匹配校验 #

• 确认父模板的header代码已经被{% block header %}和{% endblock %}完整包裹，如果父模板没有定义这个header块，你在子模板写的同名block内容不会生效，会直接渲染父模板原有的header内容。
• 检查子模板的{% block header %}拼写正确，没有嵌套在其他block内部，层级和父模板保持一致。

3. 样式优先级校验 #

• 按F12打开浏览器开发者工具，选中页面的header元素，查看style属性中的background-image配置：
  • 若没有显示你子模板写的样式，说明block没有生效，回到上一步检查块定义
  • 若样式被划了删除线，说明被更高优先级的CSS规则覆盖，可以在样式末尾加!important临时测试，确认是优先级问题后再调整CSS权重逻辑

4. 静态资源本身校验 #

• 确认你设置的背景图文件确实存放在项目的static/assets/img/目录下，文件名大小写完全匹配（Linux环境对大小写敏感，容易出现本地Windows测试正常、线上失效的问题）
• 直接在浏览器地址栏输入完整的静态资源地址，测试图片是否可以正常访问，无法访问则排查静态文件目录配置是否正确。

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