背景图像在实时服务器中有效，但在Xamp中不起作用

Question

Here is a picture of my file paths.我正在为班级分配制作个人作品集页面，其中90％的工作是使用VSCode liveserver检查我的进度，但是我需要添加php来处理表单，因此我开始使用xammp跟踪我在数据库中的进度。但是，在我到达那之前，我的背景图像拒绝加载。我已经反复检查了网址路径，但看不到问题。

//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;
}   

Answer 1

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