фоновое изображение не отображается, несмотря на то, что указан правильный путь к изображению - PullRequest
Новая
       46

фоновое изображение не отображается, несмотря на то, что указан правильный путь к изображению

0 голосов
/ 04 марта 2019

Может кто-нибудь объяснить мне, почему это не работает, я пробовал разные возможности, такие как внешний и внутренний CSS, но безрезультатно.предложить что-то спасибо. 

#intro {
  width: 100%;
  position: relative;
  background: url("C:\Users\manas\OneDrive\Desktop\project newbiz\image\intro-bg.png") center bottom no-repeat;
  background-size: cover;
  padding: 200px 0 120px 0;
}
<section id="intro">
  <div class="container">
    <div>
      <h2> solutions</h2>
    </div>
  </div>
</section>

Редактировать: я тоже пробовал это 

  background: url("../images/intro-bg.png");

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

1 Ответ

0 голосов
/ 04 марта 2019

Хорошо ... вот в чем проблема: ваша таблица стилей не знает, где находится c: \ f.jpg.Вам нужно использовать относительный путь к файлу.То есть путь к файлу, который указывает на расположение изображения ОТНОСИТЕЛЬНО документа, запрашивающего его.Это абсолютный путь к файлу.Единственный способ, которым я могу описать это:

Я не совсем уверен в синтаксисе, но вам нужно подскочить на уровень в файловой системе или пойти на один уровень глубже, как вам угодно.

Вот ваша фотография:

C: \ Users \ manas \ OneDrive \ Desktop \ project newbiz \ image \ intro-bg.png

Ваша таблица стилей должна знать, что она выходит за рамки каталога cssон находится внутри, и посмотрите в c: \ или 'down' в c: \

Попробуйте, как только вы поместите изображение в правильный путь:

background-image: url ('..\ images \ intro-bg.png ');

Не уверен, что это сработает, но так делают * системы Nix.Вот как выглядит наш файл:

background-image: url ('../ images / intro-bg.png');

Надеюсь, это помогло.Либо это, либо я просто сбил вас с толку.

Абсолютный путь к файлу, вероятно, будет работать в системе * Nix и может работать в системе Windows, если все сделано правильно ... Я просто никогда не пытался, потому что на самом деле нет смысла.

...