В CSS background-image не отображается изображение

Question

Я буквально все перепробовал и скопировал свое изображение в каждую папку.

<div id="hero"></div> 

#hero {
    height: 50vh;
    background-image: url(hero.jpg);
}

пробовал с '' с "" без .. не знаю, что делать больше

Answer 1

Убедитесь, что ваше местоположение изображения. (вы просто импортировали имя изображения, поэтому ваше изображение должно быть в том же файле, что и ваш html файл)

#hero {
    height: 50vh;
    background-image: url(https://cdn4.vectorstock.com/i/1000x1000/66/48/gradient-colors-background-vector-22266648.jpg);
    background-size: cover;
}

<div id="hero"></div>