Почему не отображается картинка-фон в браузере?

Question

[Александр Ковалёв]

Консоль выдаёт ошибку Failed to load resource: the server responded with a status of 404 (Not Found)
Но логотип отображается, хотя находится в той же папке что и картинка для фона.
Использую gulp plugin browserSync

Comments

[Сергей delphinpro]

404 однозначно говорит о неправильном адресе запроса картинки. Смотрите, где у вас там ошибка.

[Александр Ковалёв]

Сергей delphinpro, Здравствуйте, я пробовал через тег img. Всё работает, указывал такой же путь как и в свойстве background-image.
Получается адрес указан правильно.

[Сергей delphinpro]

iliya_bezusyi,

Получается адрес указан правильно.

Не получается.

допустим у нас файлы такие

images/
--pic1.jpg
css/
--style.css
index.html

Если мы пишем

в css background-image(/images/pic1.jpg)
или в html <img src="/images/pic1.jpg">

то будет работать

Если мы указываем относительный путь

в css background-image(images/pic1.jpg) не будет работать
а в html <img src="images/pic1.jpg"> будет

Вообще в css желательно указывать пути относительно самого css-файла

{
  background-image(../images/pic1.jpg)
}