Фоновое изображение не загружается на моем сайте - PullRequest
Новая
       2

Фоновое изображение не загружается на моем сайте

1 голос
/ 07 января 2020

Я интегрировал шаблон в свое новое приложение rails. Я использую ruby 2.6.3, Rails 5.2 и работаю над Ubuntu 18.04. Вот проект на Github: https://github.com/BTC1M/app-test

Когда я запускаю сервер, я вижу, что мне удалось все интегрировать, за исключением того, что основное фоновое изображение не появляется. Как ни странно, это происходит, когда я использую Chrome, но не в других браузерах.

Код HTML следующий: 

<section id="hero" class="text-white tm-font-big tm-parallax">
  <!-- HTML CODE... -->
</section>

Код CSS находится в lib/assets/stylesheets/templatemo-style.css: 

#hero {
  background-image: url(../img/the-town-bg-01.jpg);
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 375px;
  position: relative;
}

Мое изображение находится по этому пути: lib/assets/images/the-town-bg-01.jpg, поэтому первое, что я не получаю, это то, что правильный URL обычно будет url(../images/the-town-bg-01.jpg); вместо url(../img/the-town-bg-01.jpg);, но когда я изменяю это, изображение не появляется ни на Firefox, ни Chrome. Поэтому я попытался создать lib/assets/img folder с изображением the-town-bg-01.jpg внутри. Это тоже не работает.

Я не понимаю, что происходит.

РЕДАКТИРОВАТЬ:

  • Если я загружаю свое изображение в Интернет и использую ссылку: background-image: url(https://www.zupimages.net/up/20/02/o1ar.jpg);, оно работает, но мне не нравится это решение, я бы предпочел использовать изображение, которое у меня в папке lib/assets/images, я все еще пытаюсь найти решение.

1 Ответ

0 голосов
/ 07 января 2020

Firefox предупреждает вас, что он не может найти файлы папки вашего ресурса. Таким образом, вы, вероятно, должны исправить свой относительный путь. Кроме того, вы не правильно пишете имя папки с изображениями.

lib/assets/images/the-town-bg-01.jpg VS background-image: url(../img/the-town-bg-01.jpg);

...