body {background: url (3.jpg) не работает

Question

Я создаю простую целевую страницу, файл изображения находится в той же папке, что и файлы 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;
}

html css

-3

Oswald Azo 22 Окт 2019 в 07:49

Откройте вкладку сети отладчика Chrome и проверьте, есть ли какие-либо неудачные сетевые запросы.

–

Andy Ray

22 Окт 2019 в 07:51

Нет неудавшихся запросов

–

Oswald Azo

22 Окт 2019 в 07:54

Можете ли вы предоставить больше своего HTML и CSS?

–

Akhi Akl

22 Окт 2019 в 08:01

1

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

–

Sumit Patel

22 Окт 2019 в 08:01

Это было имя папки, когда я тоже попробовал

–

Oswald Azo

22 Окт 2019 в 08:05

Answer 1

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

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

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

0

aanderson.io 22 Окт 2019 в 08:01

Answer 2

Это было бы:

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

0

Velimir Tchatchevsky 22 Окт 2019 в 08:18

Tchatchevsky Я не уверен, работает ли это в обоих направлениях, но ваш URL-адрес в заглавных буквах, каждый опубликованный вами пример в нижнем регистре

–

tim

22 Окт 2019 в 08:24

Прошу прощения, это был не ты. Я имею в виду сообщение об отладке.

–

tim

22 Окт 2019 в 08:34

Answer 3

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

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

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

4) Оба верны background-image: url('imgPath'); или background: url('imgPath');

Благодарность

0

Neha Sharma 22 Окт 2019 в 08:19

Answer 4

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;
}

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

0

Muhibbullah Ansary 22 Окт 2019 в 07:55

Использование абсолютного URL-адреса из Интернета - это своего рода обходной путь, а не решение

–

Velimir Tchatchevsky

22 Окт 2019 в 08:13

body {background: url (3.jpg) не работает

4 ответа

Похожие вопросы

Новые вопросы

html