Проблема с background-image

Question

По какой-то причине картинка не вставляется, путь точно верный.

Div, фон которого - картинка(должна быть)

<div class="first"> 
                <h1 class="company">Наша компания</h1>  
            </div>

css div-а

.first {
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    right: 0;
    background-image: url(...img/about.jpg);
     
}

Answer 1

Здравствуйте! Попробуйте поставить z-index у div в css на -1, что-то по типу такого:

.first {
z-index: -1;
}

Если же не получится, то попробуйте создать новый элемент img с src вашего изображения, по типу такого:

<html>
 <head>
  <title>Image</title>
 </head>
 <body>
  <div class="first"> 
   <img id="backimg" src="..img/about.jpg" style="position: absolute;z-index: -1;">
   <h1 class="company">Наша компания</h1>  
  </div>
</body>
</html>

Стили я указал в самом элементы, но если вам угодно то перенесите их в ваш css файл. Как у меня это выглядит(src изменён для наглядности):

БЛОГ НА HUSL

Проблема с background-image

Ответы (1 шт):