Невозможно получить изображение героя/фонового изображения на полную высоту ⇐ Html

[Anonymous]

Сводка: < /strong> Я пытаюсь заставить это изображение полностью показать изображение героя. Я получил изображение, чтобы покрыть всю ширину экрана.
Я получил изображение, чтобы сидеть с надписью с верхней частью страницы (без прокладки или края)
Я получил текст, чтобы сидеть там, где я хочу, чтобы оно было относительно изображения. Пытался использовать пиксели против %. Я пытался использовать фиксированную позицию против родственника. Я пробовал масштабировать изображение (перед загрузкой) < /p>
html -код: < /p>
```



css: < /p>
```body, html {
height: 100%;
margin: 0;
}

.hero-image {
background-image: url("https://www.posweyb.net/DurerChurchWoman.jpg");
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.hero-text {
text-align: center;
position: absolute;
top: 50%;
left: 10%;
transform: translate(-50%, -50%);
color: #733b0b;
}
```
< /code>
enter code here


Подробнее здесь: https://stackoverflow.com/questions/794 ... ull-height