background-image不适用于github页面(但适用于其他部分)

Question

我知道有3-4个类似的帖子，但我现在仍然无法解决我的问题。我将在

下面列举

1. CSS背景图像(从头部和向下到部分1到4，当我使用GitHub页面时，它没有加载)它与我的MS VS Code工作正常。(Github页面:https://nadin3amanda.github.io/Sunnyside-agency-landing-page/)
2. 第5节到页脚是使用相同的代码为HTML和CSS。我试着用一行代替URL，但它不起作用。
3. 我也尝试使用宽度和高度并设置为100%，但仍然不起作用。

基本上我在StackOverflow中找到的解决方案不起作用。

请帮助。下面是标题的HTML代码(这是一个普通的标题，但我把它改为类作为解决方案的一部分)

<header class="header">
<div class="menu-wrap">
<div class="logo-wrap">
<img src="images/logo.svg" alt="Logo" />
</div>
<div class="mobile-icon">
<img class="mobile-nav" src="images/icon-hamburger.svg" alt="" />
</div>
<div class="main-menu">
<nav class="menu">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</div>
<div class="banner-wrap">
<h1>We are creatives</h1>
<a href="#content"
><img src="images/icon-arrow-down.svg" alt="Arrow Down"
/></a>
</div>
</header>

而对于css

header {
padding: 32px 24px 130px;
background-position: center;
background-image: url("/images/desktop/image-header.jpg");
background-repeat: no-repeat;
}

Github的repo在这里:https://github.com/nadin3amanda/Sunnyside-agency-landing-page

Answer 1

我想你的img链接不工作。检查它。或者可能是托管服务的问题。尝试使用其他托管服务。如Vercel或firebase。

看我的

Repo - https://github.com/lashika-malith/sunnyside-agency

site - https://sunnyside-agency-lac.vercel.app/