CSS background-image url () не отображается с ошибкой «404 not found» в разных браузерах - PullRequest
Новая
       21

CSS background-image url () не отображается с ошибкой «404 not found» в разных браузерах

0 голосов
/ 04 февраля 2019

Я создаю проект bootstrap-4 в редакторе Atom, и моя проблема в том, что мой CSS-фоновое изображение url () не отображается ... Я вижу файл, присутствующий в моей консоли разработчика, но с ошибкой Failedзагрузить ресурс: сервер ответил со статусом 404 (не найден).

Прежде чем вы, ребята, отметите мой вопрос как дубликат и т. Д., Пожалуйста, дайте мне возможность сказать, что я прошел почти все существующие вопросы по этой проблеме, но все, что я пробовал до сих пор, не сработалои это действительно расстраивает.

Я пробовал каждую настройку пути к файлу безрезультатно.Если это что-то простое, то я надеюсь, что боги кода в stackoverflow пощадят этот вопрос, я почти промежуточный уровень, поэтому я буду признателен за помощь.Заранее спасибо.

Моя файловая структура: https://imgur.com/a/Ryxr3nf

body {
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
  color: #505962;
}



.navbar {
  font-weight: 400;
  font-size: 1.2rem;
  background: rgba(0, 0, 0, 0.6)!important;
}

#gint {
  word-spacing: 1.5px;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #1ebba3;
}

/*--start landing page--*/
.home-inner {
  background-image: url(images\landing.jpeg);
}

1 Ответ

0 голосов
/ 04 февраля 2019

Предполагая, что путь к файлу указан правильно, я вижу две проблемы для вас:

  1. Вы должны использовать прямую косую черту, а не обратную косую черту, т. Е. images/landing.jpeg, not images\landing.jpeg
  2. Вам нужны кавычки вокруг пути к файлу, внутри скобок: background-image: url('images/landing.jpeg')
...