将我的网站代码的

所有文件夹从VS Code导入到我的GitHub存储库中。这是一个非常简单的网站，只使用HTML和CSS，因为我仍然只是一个初学者。当我在GitHub上预览我的页面时，两张背景照片没有显示出来。我在HTML中使用的其他照片显示没有任何问题。我发现了类似的问题，并尝试按照人们的建议去做，但我在使用的相对路径中找不到错误。对我来说，他们看起来是正确的，我不知道我还能改变什么。这里是我的GitHub仓库的链接：https：//github.com/karito84/tea-cozy-project.

在styles.CSS中

<代码>.任务{身高：43.75rem；/*700px*/最大宽度：75rem；/*1200px*/background-image：URL（"；./images/IMG-mission-background.webp"；）；背景-位置：中心；背景大小：封面；背景重复：无重复；Flex-Direction：列；Justify-content：中心；顶部边距：69px；

}当我预览网站时，上面的背景图像没有显示，但在我电脑上的VS代码中，它都能正常工作，我的网站上有所有的照片。当我打开GitHub上的图像文件夹时，图像就在那里，并在我查看它们时显示出来。根据其他人的建议，我还尝试将我的路径更改为.mission { height: 43.75rem; /*700px*/ max-width: 75rem; /*1200px*/ background-image:url("../Images/img-mission-background.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; flex-direction:column; justify-content: center; margin-top: 69px; ，但这并没有改变任何东西。

---

顺晟科技：

所以我终于想出了如何让我的背景图像工作。而不是相对路径，我使用绝对路径和背景图片终于出现了！

url("./Resources/Images/img-mission-background.webp")

但如果有人能告诉我这张图片的相对路径是什么，我将非常感激！

你的相对路径错了。它应该是url(".Resources/Images/img-mission-background.webp")。