Этот вопрос изначально был задан в Wordpress Development, но поскольку это касается более общей проблемы с CSS, меня попросили отправить его здесь. Эта нить и начальное объяснение, can be seen here.Фоновое изображение больше не заполняет экран
У меня есть background-size: cover
изображение, установленное в качестве заголовка отдельных сообщений, которые используются для заполнения экрана, с содержанием, начиная непосредственно ниже. По какой-то причине это уже не так. Само фоновое изображение - это масштабирование, соответствующее экрану, но содержимое под ним (текст сообщения) начинается сразу после наложенного текста.
Вы можете видеть, что я имею в виду in this fiddle.
Если я установил #hero-header
в position:absolute; min-height: 100%; min-width:100%;
, тогда изображение заполнит экран при загрузке страницы. Проблема тогда в том, что содержание под ней пробегает сверху, а не просто начинается с экрана.
Может ли кто-нибудь предложить решение?
Чтобы пояснить, что я имею в виду «заполнить экран», после ответа ниже:
сНа, которая содержит фоновое изображение должны заполнить весь экран при загрузке его. В настоящий момент фоновое изображение масштабируется, чтобы соответствовать экрану, но #hero-header
не заставляет контент ниже его со страницы - он падает после текстового элемента, .hero-text
, внутри него.