Не удается установить фоновое изображение

Question

Im работает над проектом и им пытается добавить фон img. Img работает, и я могу заставить его показать в img src = "". Но когда я пытаюсь добавить его в качестве фонового изображения, он не работает. Был бы рад, если бы кто-то помог мне!

html { 


    body{ 
     background: url("images/background.png"); 

    } 

    header { 
     @include linear(); 

    } 

    nav { 
     text-align: center; 
    } 

    ul { 
     padding-top: 200px; 

    } 

    li { 
     display: inline-block; 
     padding-right: 70px; 
    } 

    a { 
     text-decoration: none; 
     color: black; 
     font-size: 20px; 
     transition: all 1s ease; 
     font-family: 'Elegant Lux'; 
     &:hover { 
      color: gray; 

     } 
    } 

} 

Answer 1

Похоже, у вас есть CSS блок обернутый вокруг остальной части вашего CSS - HTML, один в частности:

HTML { // все ваши CSS здесь }

Make уверен, что это раздельно вот так:

html{ 

} 

body{ 
    background: url("images/background.png"); 

} 

header { 
    @include linear(); 

} 

nav { 
    text-align: center; 
} 

ul { 
    padding-top: 200px; 

} 

li { 
    display: inline-block; 
    padding-right: 70px; 
} 

a { 
    text-decoration: none; 
    color: black; 
    font-size: 20px; 
    transition: all 1s ease; 
    font-family: 'Elegant Lux'; 
    &:hover { 
     color: gray; 

    } 
} 

Также убедитесь, что путь изображения правильный. Это будет реалистично для файла css, поэтому вам может понадобиться переместить каталог с помощью «..». Например:

body{ 
    background: url("../images/background.png"); 
}