как исправить серый код в инспектируемом элементе сайта

#css #web-inspector

#css #веб-инспектор

Вопрос:

Я поместил изображение на задний план веб-сайта, который я создаю, но оно не отображается. Я запустил режим проверки через Google Chrome, и изображение стало серым и не применяется.

какой режим проверки отображается

Мой код css:

 body {
    font-family: Raleway;
    margin: 0;
    background-image: url(background.png);
}

У меня нет изображения, указанного в index.html , но он сохраняется в папке images. Другие изображения, перечисленные в index.html явка с повинной.

Я создаю этот сайт под localhost перед его публикацией, поэтому у меня нет ссылки на публикацию. Однако ссылка на изображение приведена ниже. как выглядит страница

1. Мы не видим изображений. Пожалуйста, перепроверьте свой пост

2. @Pacholoamit, изображения — это ссылки в нижней части сообщения. Я не могу вставлять изображения в сообщение.

Ответ №1:

Находится ли изображение в той же папке, что и ваш index.html ? Если он находится в другой папке, вам нужно указать путь к файлу. Вот ссылка, касающаяся путей к файлам. Я рекомендую вам прочитать об этом. Вы упомянули, что он находится в другой папке, вы должны ввести этот путь к файлу в background-image: url(FILE PATH HERE)

1. Это не работает. Изображение находится в папке images в папке проекта. Я попытался поместить всю ссылку в ()s, и она все еще не работает.

2. Можете ли вы дать мне URL-адрес, который вы ввели, каталог, в котором находится ваше изображение, и расположение индексного файла. Дайте мне картинки, если хотите. Я уверен, что мы сможем это выяснить 🙂

3. фоновое изображение: url(«C:Bitnamiwordpress-5.5.1-2appswordpresshtdocswp-contentthemessophisticentric-beautyimagesbackground.png» ) CSS. Должен ли я помещать его в index.html вместо этого? [ссылка]dropbox.com/s/uckipnz5f3atcsz/FINAL.jpg?dl=0 то , что я воссоздаю

4. Если ваш index.html находится в разделе «изысканная красота», тогда попробуйте background-image: url("./images/background.png")

5. Это сделало это! Интересно, почему это не работало раньше. Я просмотрел список в ссылке, которую вы изначально отправили. Должно быть, я пропустил кавычки или что-то в этом роде.