Почему min-height не работает на фоне?

Я добавил фон в div-класс. Я хочу, чтобы высота изображения всегда имела ту же высоту, что и окно браузера, которое я пытался достичь с минимальной высотой = 100%. Я не понимаю, как это работает. Любые предложения?Почему min-height не работает на фоне?

HTML:

<div id="top" class="jumbotron"> 
</div>

CSS:

.jumbotron { 
    background: no-repeat center center url('top.jpg'); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    min-height: 100%; 
    margin: 0px; 
}

источник

2016-11-10 Jonas El-Mansoury

Вы можете смело опустить префиксы ... кроме, конечно, вы хотите, чтобы поддержать 0,2% людей, которые управляют устаревший браузер;) http://caniuse.com/#search= background-size – Christoph

Тело и HTML должны заполнить высоту 100%:

html, body { 
    height: 100% 
}

источник

2016-11-10 20:08:48 quindimildev

По-прежнему не работает. Показывается только верхний ~ 100 пикселей изображения. –

Вы могли бы написать скрипку? – quindimildev

https://jsfiddle.net/jonelm01/znu8k7qn/ Цените помощь! только что начатое кодирование –

Добавить это в класс JumboTron:

min-height: 100vh;

Рабочая скрипку: https://jsfiddle.net/dgo3sz0a/

источник

2016-11-10 20:18:13 Cromwell

Почему min-height не работает на фоне?

ответ

Смежные вопросы