时间戳

首页 > 解决方案 > 背景图像在实时服务器中有效，但在 Xamp 中无效

php - 背景图像在实时服务器中有效，但在 Xamp 中无效

问题描述

这是我的文件路径的图片。我正在为课堂作业制作个人作品集页面，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;
}

标签： phphtmlcssxamppbackground-image

解决方案

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

推荐阅读