背景图像未显示在 gitHub 页上

Question

我最近进入了 web 开发，我遇到了将图像推送到 Github 页面后不显示图像的问题。 我浏览了无数关于更改目录、使用引号甚至像 so../ 这样的特殊字符的帖子。 我希望有人可以向我解释我的代码中到底发生了什么。 下面是我写的 CSS 的片段，它在本地主机上运行得很好。

.background-image{
    background-image: url('/index.html/back/banner2.jpg');
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

下面是我的目录的图像

Answer 1

你确定背景图片是这个目录吗？ 您是否尝试在 /index.html/back/banner2.jpg 之前加一个点？ 我们可以在 GitHub 页面上查看您的存储库吗？