背景图像在实时服务器中有效，但在 Xampp 中无效答案

【问题标题】：Background image works in live server, but doesn't work in Xamp背景图像在实时服务器中有效，但在 Xampp 中无效
【发布时间】：2020-09-23 21:59:42
【问题描述】：

Here is a picture of my file paths.我正在为课堂作业制作个人作品集页面，90% 的工作是使用 VSCode liveserver 完成的以检查我的进度，但是我需要添加 php 来处理我的表单，我开始查看我的网站使用 xammp 跟踪我的数据库进度。但是，在我开始之前，我的背景图像拒绝加载。我一遍又一遍地检查了 url 路径，但我看不到问题所在。

//code that works while using liveserver 
.banner-wrap {
    background: url(/imgs/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg) no-repeat center center/cover;
      z-index: 0;
} 

//code that SHOULD work in xammp 
.banner-wrap{
    background: url('../imgs/caspar-camille-rubin-fPkvU7RDmCo-unsplash.jpg') no-repeat center center/cover;
    z-index: 0;
}

【问题讨论】：

如有疑问，请在浏览器中加载完整 URL 时使用完整 URL。否则，检查根是否正确，让相对路径也能正常工作。
当我粘贴完整的网址时，网络浏览器能够访问 xaamp 上的图片。我开始认为 url 路径不是问题，但我不知道该怎么做。
你的文件夹结构是什么？这个与imgs 文件夹相关的css 代码在哪里？领先的/ 从网站根目录开始。前导 ../ 从该 css 所在文件夹的父级开始。没有从这个 css 所在的文件夹开始任何前导，所以 'imgs/caspar... 意味着 imgs 文件夹是这个 css 所在文件夹的子文件夹。 relative paths source
我无法在 cmets 中发布图片，因此我将使用我的文件路径图片更新帖子。提前感谢您抽出宝贵时间提供帮助。

标签： php html css xampp background-image

【解决方案1】：

在这里，所以我已经解决了这个问题，但我不知道为什么它现在可以工作。我所做的只是打开 Chrome 开发者工具并将我的 css 中的相同文件路径发布到 chrome 开发者 css 中，重新加载页面并且背景就在那里。从那时起，我的 css 中的文件路径似乎可以按预期工作，而无需我更改文件中的一行代码。如果有人知道为什么这个解决方案有效，请告诉我。对结果很满意，同样困惑

【讨论】：