레이어팝업 질문드립니다. 채택완료

보기

 



    

       1

       팝업내용

     



 

 

 

 

css

.pop_content {

    display:block;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity:0;

    padding:0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    pointer-events: none;

    z-index:99999;

    background:rgba(0,0,0,0.5)

}

.pop_content:target {

    opacity:1;

    pointer-events: auto;

}

.pop_content .pop_wrap {

    position:absolute;

    z-index: 99;

    padding:50px 10px;

    background:#fff;

    width: 100%;

    height:100%;

}