Как иметь фоновое изображение заголовка с VH? - PullRequest
Новая
       34

Как иметь фоновое изображение заголовка с VH?

0 голосов
/ 07 октября 2018

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

Вот код. 

header {
background-image: url(img/hero.jpg);
height: 100vh;}

Вот код HTML: 

 <body>
 <head>
    <link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
    <link rel="stylesheet" type="text/css" href="vendors/css/grid.css">
    <link ref="stylesheet" type="text/css" href="resources/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,400i" rel="stylesheet" type="text/css">
    <title>Omnifood</title>
</head>
</body>
<header>
        <div class="hero-text-box">
            <h1>Goodbye junk food. Hello super healthy meals.</h1>
            <a href="#">I’m hungry</a>
            <a href="#">Show me more</a>
        </div>

    </header>

Ответы [ 2 ]

0 голосов
/ 08 октября 2018

Я столкнулся с такой проблемой.Попробуйте поместить свой стиль между <head></head> вместо внешнего.

0 голосов
/ 08 октября 2018

HTML и CSS выглядит нормально.Вы можете указать заголовок: блок или ширина: 100%, но это не является причиной, по которой он не работает.У вас есть база в заголовке HTML?В противном случае он может работать с 

html, body {height: 100%;}
#page {min-height: 100%;}

<body>
  <div id="page">
    HEADER AND CONTENT AND FOOTER
  </div>
</body>
...