Я создаю простую целевую страницу, файл изображения находится в одной папке с файлами html и css. После применения

изображение не удалось отобразить. Файл изображения отображается в инструменте отладки

body { background-image: url ("../Landing page/3.jpg") ect...}
body { background-image: url ("..Landing page/3.jpg") ect...}
body { background: url ("../Landing page/3.jpg") ect...}
body { background: url ("../Landing page/3.jpg") ect...}
body { background-image: url ("..3.jpg") ect...}
body { background-image: url ("../3.jpg") ect...}
body { background: url ("3.jpg") ect...}
body { background: url ("../3.jpg") ect...}

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

body {
    width: 100%;
    height: auto;
    background: URL (" 3.jpg ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: table;
}

-3
Oswald Azo

4 ответа

Ответ выше (предоставленный Muhibbullah Ansary) работает нормально, однако, рассмотрите возможность добавления контейнера и размещения на нем класса или идентификатора вместо использования тега BODY.

Как уже упоминалось, дважды проверьте свой URL.

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

Это было бы:

background-image: url('/your/path');

1) Проверьте на наличие ошибок и неудачных запросов.

2) Может быть расширение изображения не jpg, а jpeg. Проверьте на расширение.

3) Проверьте правильный путь изображений.

4) Оба кода являются правильными background-image: url ('imgPath'); или background: url ('imgPath');

Спасибо

body{
  background: url('https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500');
  width: 100%;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
}

Ваш путь к изображению неверен, исправьте этот путь.

58497247