Почему фоновое изображение не отображается? - PullRequest
0 голосов
/ 30 января 2019

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

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

<main>
  <section class="index-banner">
    <h2>FILM. MODELING.<br>DESIGN.</h2>
    <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus velit, blandit ut nisi in.</h1>
  </section>
</main>

.index-banner {
  width: 100%;
  height: 100vh;
  background-image: url('img/tom.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

Я должен получить фоновое изображение позади моих <h1> и <h2> тегов, но я ничего не вижу.Я попытался удалить форматирование, но это все еще не сортирует его.

1 Ответ

0 голосов
/ 30 января 2019

Я обнаружил, что проблема была в метатеге.Где у меня было ...

<meta name="viewport" content="width=device-width, initial-scale=1.0 ">

... был пробел после 1.0, все еще внутри "".Это очевидно создало проблему изображения.

...