Html 网站的Github页面上未显示背景图像

关于这个问题，我已经研究了堆栈溢出上的一些其他线程，但由于某些原因，它们似乎不起作用。我检查了图像的路径目录，我认为它是正确的。 以下是github页面上网站的my repo链接：

在我的repo中有一个“西雅图.jpg”图像，我正试图将其设置为我网站第一页的背景，该图像被repo中“index.html”文件第81行和“index.css”文件第321行的“fstPage”类引用

---

谢谢你的帮助

它失败，因为您将文件命名错误。在index.css中，您希望使用名为

Seattle.JPG

的文件

您的文件名为

西雅图.jpg

。修复结尾并添加

https://

下面是正确的链接：

https://lawrencecheng123.github.io/Seattle.jpg

---

完整CSS：

.fstPage {
    background-image:url("https://lawrencecheng123.github.io/Seattle.jpg");
    /*background-color: lightgray;*/
    height: 700px;
    width:100%;
    background-size:cover;
}

---

工作代码段：

.fstPage{
背景图像：url（“https://lawrencecheng123.github.io/Seattle.jpg");
/*背景颜色：浅灰色*/
高度：700px；
宽度：100%；
背景尺寸：封面；
}

---

由于文件命名错误，因此失败。在index.css中，您希望使用名为

Seattle.JPG

的文件

您的文件名为

西雅图.jpg

。修复结尾并添加

https://

下面是正确的链接：

https://lawrencecheng123.github.io/Seattle.jpg

---

完整CSS：

.fstPage {
    background-image:url("https://lawrencecheng123.github.io/Seattle.jpg");
    /*background-color: lightgray;*/
    height: 700px;
    width:100%;
    background-size:cover;
}

---

工作代码段：

.fstPage{
背景图像：url（“https://lawrencecheng123.github.io/Seattle.jpg");
/*背景颜色：浅灰色*/
高度：700px；
宽度：100%；
背景尺寸：封面；
}

---

首先在index.html文件中导入index.css文件，如

更改（1）：

---

我希望它也能很好地为您工作

首先在index.html文件中导入index.css文件，如

更改（1）：

---

我希望它对您也能起到很好的作用

谢谢您的回复。我以前做过链接，但仍然无法加载。我还从另一个线程上读到，使用.JPG是可行的，所以我也在尝试这种方法。然而，对于这两种方式，它都只是为meDid显示一个白色页面，您包括

index.css

？在你的

index.html

中看不到它。谢谢你的代码片段。它似乎在那里工作。然而，当我把它放到主文件中时，出于某种原因，它仍然显示为空白。我把带有https的新链接放到index.css中的fstPage类中，并且在index.html中也有fstPage。不完全确定它为什么在代码段中工作，但在我的主代码中不工作看起来您没有包含

index.css

。尝试在你的头脑中添加

。谢谢你的回复。我以前做过链接，但仍然无法加载。我还从另一个线程上读到，使用.JPG是可行的，所以我也在尝试这种方法。然而，对于这两种方式，它都只是为meDid显示一个白色页面，您包括

index.css

？在你的

index.html

中看不到它。谢谢你的代码片段。它似乎在那里工作。然而，当我把它放到主文件中时，出于某种原因，它仍然显示为空白。我把带有https的新链接放到index.css中的fstPage类中，并且在index.html中也有fstPage。不完全确定它为什么在代码段中工作，但在我的主代码中不工作看起来您没有包含

index.css

。试着在你的头脑中添加

。@LawrenceCheng@Lawrence成

.fstPage {
            background-image:url("Seattle.jpg");
            /*background-color: lightgray;*/
            height: 700px;
            width:100%;
            background-size:cover;
        }