들어가자마자, 페이지 로딩시 레이어팝업창 띄우기 css로만 only css

html

<div class="pop_up_wrap">

<div class="pop_up">

<div class="btn_close">닫기 X</div>

<a href="#">

<img src="images/main/popup.png">

</a>

</div>

</div>

css

<style>

.pop_up_wrap {

position: fixed;

width: 100%;

height: 100%;

left: 0;

top: 0;

background: rgba(0,0,0,0.7);

z-index: 10000;

overflow: auto;

}

.pop_up {

position: absolute;

top: 50%;left:50%;

transform: translate(-50%,-50%);

}

.pop_up img {

height: 85vh;

}

.btn_close {

position: absolute;

cursor: pointer;

top: -30px;

right: 0;

color: #fff;

}

</style>

 

맨처음에 띄어놓고

닫기 버튼을 누르면서 사라지는 레이어 팝업