Как создать полноэкранный div до прокрутки?

Я новичок на этом сайте, так извиняюсь, если я ступаю ногами, но я пытался создать страницу, где вас встретил полноэкранный заголовок с высотой и шириной 100% окна просмотра, однако вы по-прежнему можете прокручивать контент ниже.Как создать полноэкранный div до прокрутки?

Идеального пример этого http://www.bklynsoap.com/

Я пытался добиться этого с чисто CSS, создавая высоту 100% и ширины на абсолютном позиционированном Div, но это скрывает ниже содержание.

источник

2013-02-25 user2106931

Нет необходимости в абсолютном положении в этом. В вашем примере используется javascript для изменения размера div и содержимого внутри.

Вы можете сделать это с помощью чистого CSS

Пример:

<html> 
    <body> 
    <section class="fullscreen"></section> 
    <section class="other-content></section> 
    </body> 
</html> 



html { 
height: 100%; 
} 

body { 
height: 100%; 
} 

.fullscrenn { 
    height: 100%; 
    width: 100%; 
    background: url('../images/fullscreen.jpg') no-repeat center center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

источник

2013-10-20 20:19:35

Как создать полноэкранный div до прокрутки?

ответ

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