Открыть в полноэкранном режиме модальным только в DIV

Question

Я использую этот http://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp

и у меня есть две дивы, одна над другой. Я хотел бы знать, как открыть свой полноэкранный режим наложения только в DIV и обратите внимание на весь экран спасибо

В начале я хотел использовать топ: 50%, но высота моего первого DIV не фиксирована,

Answer 1

Если вы измените положение: зафиксировано внутри класса наложения: абсолютное и придайте ему ширину, будет ли это работать для вас?

Я использую ниже страницу и изменить класс наложения: http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay2

.overlay { 
    height: 0%; 
    width: 100%; 
    position:absolute; 
    width:200px; 
    z-index: 1; 
    top: 0; 
    left: 0; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.9); 
    overflow-y: hidden; 
    transition: 0.5s; 
}