错误答案：background-image路径相对于HTML文件；正确答案：始终相对于CSS文件所在目录，内联style除外。浏览器按此规则解析URL，与HTML位置无关；相对路径如../images/bg.png需以CSS文件为基准向上回溯；绝对路径以域名根为起点；中文、空格须编码或改英文名；SVG推荐data URL；调试应查Network中请求路径及状态码。
检查 background-image 路径是否为相对路径且相对于 HTML 文件位置
浏览器解析 background-image 的 URL 时，路径是相对于当前 HTML 文件所在目录的，不是相对于 CSS 文件（除非用的是 @import 或内联 style），这点极易搞错。比如 index.html 在网站根目录，而图片在 assets/img/bg.jpg，那 CSS 里就得写 url("assets/img/bg.jpg")，不能写成 url("../assets/img/bg.jpg")——后者会从 CSS 文件所在目录向上找，但你可能压根没把 CSS 单独放子目录里。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 打开浏览器开发者工具（F12），切到 Network 标签页，刷新页面，看有没有
404的图片请求，点进去看「Initiator」列，确认是哪个文件发起的请求、实际请求路径是什么 - 把图片路径改成绝对路径快速验证，比如
url("/assets/img/bg.jpg")（注意开头的/表示网站根目录） - 如果用的是内联 style，例如
<div style="background-image: url(img/bg.jpg)">，确保img/真的存在于index.html同级目录下
确认图片文件名大小写和扩展名完全匹配
本地开发（Windows/macOS）常不区分大小写，但部署到 Linux 服务器（如 Nginx、Apache）后，bg.JPG 和 bg.jpg 就是两个文件。浏览器请求 bg.jpg，但实际文件叫 bg.JPG，就会 404。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在终端或文件管理器中直接查看文件真实名称，注意大小写和点号后缀（比如
.jpeg≠.jpg） - 在
index.html或对应 CSS 中统一用小写 +.jpg或.png，避免混用 - 用命令行快速核对：
ls -l assets/img/（Linux/macOS）或dir assets\img\（Windows）
检查是否被 CSS 优先级或 display 属性覆盖
背景图“不显示”不一定是路径问题。常见干扰包括：元素没有宽高（div 默认 height: 0）、background-size 设为 cover 但容器太小、或者更高优先级的 CSS 把 background-image 设成了 none。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 选中目标元素，在开发者工具 Elements 面板中看 Computed 标签页，搜索
background-image，确认值是不是none或有效 URL - 临时加调试样式：
style="width: 100vw; height: 100vh; border: 1px solid red;"，排除尺寸为空的问题 - 如果用了
background: url(...) no-repeat center center / cover;，试着简化成background-image: url(...); background-size: contain;看是否出现
避免使用 file:// 协议直接双击打开 index.html
Chrome、Edge 等现代浏览器出于安全限制，用 file:// 协议打开本地 HTML 时，默认禁止加载本地图片（尤其是跨目录路径），会报 Not allowed to load local resource 错误。这不是路径写错了，而是协议本身被拦了。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 不要双击
index.html，改用本地服务器预览：VS Code 装 Live Server 插件，右键 → “Open with Live Server”；或终端运行npx http-server（需先npm install -g http-server） - Firefox 相对宽松，可临时用它验证是否纯属协议限制
- 上线前务必在
http://或https://下测试，别依赖file://
最常被忽略的是协议限制和大小写匹配——尤其当本地能看、一上传就白屏时，八成是这两个点。路径本身往往没错，只是环境变了，规则就生效了。
