Мое фоновое изображение не будет отображаться

#css

Вопрос:

Я думаю, что это может быть небольшая синтаксическая ошибка где-то, но, насколько я могу судить, код выглядит нормально. У меня есть изображение и таблица стилей, установленные в их собственных папках внутри родительской; Я принял во внимание, что изображение должно быть извлечено из родительской папки, поэтому я установил его следующим образом: «… images(imagename).jpg»; но даже с этим он здесь не работаетниже приведен пример моего кода.

 body {
  background-image: url('...imagesswirl.png');
  background-color: lightblue;
}

Я также проверил изображения из Интернета, они, похоже, работают нормально, но я бы предпочел не пытаться извлекать изображение каждый раз, когда я использую свою страницу.

1. используйте это background-image: url('..imagesswirl.png');

2. На случай, если вы сходите с ума в поисках разницы между вашим кодом и кодом Saurabh, у вас есть дополнительный «.» в вашем относительном пути.

Ответ №1:

Попробуйте выполнить следующее.

Редактировать

 body {
  background-image: url('../images/swirl.png');
  background-color: lightblue;
}

1. не повезло, я не верю, что дополнительные периоды имеют значение… конечно, для меня это ничего не изменило.

2. @TylerLesterAshbrook я отредактировал свой ответ, пожалуйста, проверьте еще раз.

3. Итак, это было несколько проблем, но обратная косая черта, похоже, делает свое дело… я уже пробовал реверсировать раньше, но это было до того, как они были у меня в отдельных папках, спасибо!

Ответ №2:

Если ваше изображение правильно выбрано из пути к папке «image», попробуйте использовать стиль ниже:

 body {
  background-image: url('./images/swirl.png');
  background-color: lightblue;
}