Локальное фоновое изображение не отображается, но если я заменю его в Интернете, оно будет работать

Question

Вот мой HTML и CSS https://codepen.io/anon/pen/YBmLJR

header{
    background-image: url(slike\header\header-ozadje.png);
    position: fixed;
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #E2B654;
}
#top-logo img{
    box-sizing: border-box;
    max-width: 100%; height: auto;
    padding: 5%;
}
nav{
    display: flex;
    justify-content: flex-end;
    flex: none;
    margin-right: 2%;
}
.nav-text{
    margin: 15px;
    flex: none;
}
.nav-text a{
    text-decoration: none;
    font: bold 16px/28px 'Open Sans', sans-serif;
    color: antiquewhite;
}
.nav-text a:hover{
    color: #DFB76B;
}

<header>
        <div id="top-logo">
            <img src="slike\logo\astroplanet-logo.png"> 
        </div>      
        <nav>
            <div class="nav-text"><a href="#">DOMOV</a></div>
            <div class="nav-text"><a href="#">DOMOV</a></div>
            <div class="nav-text"><a href="#">DOMOV</a></div>
            <div class="nav-text"><a href="#">DOMOV</a></div>
            <div class="nav-text"><a href="#">DOMOV</a></div>
        </nav>
    </header>

Фоновое изображение, связывающее мою локальную папку (я скопировал относительный путь в VSC, поэтому оно должно быть правильным) в моем заголовке не отображается,но это произойдет, если я заменю его URL-адресом в Интернете.

Если вы запустите код, там также будет логотип, но на нем должно быть изображение неработающей ссылки.

Спасибоза вашу помощь!

Answer 1

использовать косую черту в CSS URL

background-image: url(slike/header/header-ozadje.png);

Answer 2

Перед размещением вы должны поставить косую черту, вы должны заменить местоположение вашего изображения следующим background-image: url (/slike/header/header-ozadje.png);

Answer 3

Попробуйте использовать относительный путь, например . \ Slike \ header \ header-ozadje.png или \ slike \ header \ header-ozadje.png .Проблема заключается в пути к изображению.

Ваш HTML-файл должен находиться в родительском каталоге папки slike.

Если вы используете Windows, используйте "\", если linux использует "/".Это должно работать.