我的CSS背景不会显示在github页面上

Question

我在GitHub上创建了一个页面，但是我通过CSS编写的背景不会出现在我的页面上。 CSS代码如下所示。

header {
  background-image: url("resources/img/antelope.JPG");
  background-size: cover;
  background-position: center;
  height: 100vh;
}

我的github回购是：https://github.com/anhthyngo/anhthyngo.github.io

CSS文件存储在此处：

https://github.com/anhthyngo/anhthyngo.github.io/blob/master/resources/css/style.css

对于我的背景不会出现的任何帮助将不胜感激。

Answer 1

您的图片不在resources文件夹中....它与index.html页面处于同一级别 - 您的网址应为url("antelope.JPG");

<强>更新

查看您的更改，网址现在应如下所示：

如果您不做任何操作，则网址应为：resources/img/antelope.jpg

如果您将资源打包到根文件夹中，那么：./img/antelope.jpg

但是，最终的URL将取决于您构建页面的方式，并注意服务器可能区分大小写。

确保指出正确的文件名（包括区分大小写的扩展名）

有些东西

＆＃13;

＆＃13;

header {
  background-image: url(./img/antelope.jpg); /* may need to be adjusted depending on how you build your page */
  background-size: cover;
  background-position: center;
  height: 100vh;
}

＆＃13;

<header>
  <nav>
    Some navigation here
  </nav>
</header>

＆＃13;

＆＃13;

＆＃13;

Answer 2

要使用根目录（https://github.com/anhthyngo/anhthyngo.github.io）中的一个，请使用下一个CSS：

header {
    background-image: url('../../antelope.JPG');
    background-size: cover;
    background-position: center;
    height: 100vh;
}

使用img目录使用下一个CSS：

header {
    background-image: url(../img/antelope.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
}