私のヘッダーイメージは表示されません

Question

私は小さなウェブサイト（学校プロジェクト）を作っていますが、私の背景はまったく表示されません！私はイメージ/パスを移動して、代わりにボディに追加しようとしました。コードに何か問題がありますか？事前に

* { 
 
    box-sizing: inherit; 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 
body { 
 
    padding: 0; 
 
    margin: 0; 
 
    background-color: #FFF; 
 
    -webkit-font-smoothing: antialiased; 
 
} 
 
a { 
 
    color: hsla(37, 39%, 72%, 1.00); 
 
    text-decoration: none; 
 
} 
 
li { 
 
    list-style: none; 
 
} 
 
.header { 
 
    background: url(img/background.jpg); 
 
    background-repeat: no-repeat; 
 
    background-position: center center; 
 
    background-size: cover; 
 
    width: 100vw; 
 
    height: 100vh; 
 
    display: block; 
 
}

<header class="header"> 
 

 
    <section class="logo">&Bscr;</section> 
 

 
    <section class="nav-icon"> 
 
    <span class="icon"></span> 
 
    </section> 
 

 
    <section class="nav-overlay"></section> 
 

 
    <nav class="navigation"> 
 
    <ul class="navigation__ul"> 
 
     <li><a href="#">Banan</a></li> 
 
     <li><a href="#">Eple</a></li> 
 
     <li><a href="#">Druer</a></li> 
 
     <li><a href="#">Pære</a></li> 
 
     <li><a href="#">Appelsin</a></li> 
 
    </ul> 
 
    </nav> 
 

 
</header> 
 

 
<main class="main-content"> 
 

 
</main>

感謝:)

Answer 1

試してみて、背景画像

background-image: url(img/background.jpg);