VS Code中跨文件夹引用background-image背景图不显示求助

问题根源 #

你的问题出在两个核心点：路径分隔符错误和相对路径层级匹配错误。

修复步骤 #

• Web环境下的路径必须使用正斜杠/，而非Windows系统的反斜杠\——浏览器解析URL时只识别正斜杠格式。
• 要根据实际文件夹结构调整相对路径：
  假设你的项目结构如下：

  项目根目录
  ├── 代码文件夹（比如存放CSS/HTML的文件夹，例：src）
  │   ├── style.css （你的样式文件）
  ├── Photos
  │   ├── Desert.jpg
  

  从样式文件到图片的正确相对路径是../Photos/Desert.jpg——其中../表示跳出当前代码文件夹，回到上一级根目录，再进入Photos文件夹定位到目标图片。

正确代码示例 #

background-image: url("../Photos/Desert.jpg");
background-size: cover;

额外说明 #

如果Photos文件夹是代码文件夹的子目录（比如代码文件夹内嵌套了Photos文件夹），直接写Photos/Desert.jpg即可，同样要使用正斜杠。

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