фоновое изображение в div не отображается

Question

Я создал пустой элемент div для создания фонового изображения, но фоновое изображение не отображается ...

HTML:

<header>
    <nav>
        <ul>
            <li class="no">Meer informatie</li>
            <li class="no">Bestemmingen</li>
            <li>Mijn vlucht</li>
            <li><a href="index.html"><img src="images/logo.jpg" alt="yo"></a></li>
            <li>Mijn verhalen</li>
            <li class="no"> Over wowair</li>
            <li class="no">Wow Contact</li>
        </ul>
    </nav>

 <div></div>
</header>

CSS:

  header div{
    background-image: url(../images/haikudesk.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 50em;
    height: 10em;
}

Answer 1

Работает в соответствии с этим Пером Вы уверены, что URL изображения правильный?

<header>
    <nav>
        <ul>
            <li class="no">Meer informatie</li>
            <li class="no">Bestemmingen</li>
            <li>Mijn vlucht</li>
            <li><a href="index.html"><img src="images/logo.jpg"                                   `              alt="yo"></a></li>
            <li>Mijn verhalen</li>
            <li class="no"> Over wowair</li>
            <li class="no">Wow Contact</li>
        </ul>
    </nav>

 <div></div>
</header>

header div{
    background-image: url('https://wiki.mozilla.org/images/d/d9/Webdev_code.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 50em;
    height: 10em;
}

Answer 2

Попробуйте заключить URL в кавычки:

header div {
  background-image: url('../path/here');
}