웹 공부중... 내 코딩 정리노트

.layer_bg { display: none; position: fixed; left: 0; top: 0; z-index: 900; width: 100vw; height: 100vh; background: rgba(0,0,0,0.8); } .layer { display: none; position: relative; z-index: 1000; left: 25vw; top: -70vh; width: 50vw; height: 50vh; border: 3px solid #000; background: #fff; } .layer p { padding: 30px; text-align: left; line-height: 1.6; font-size: 16px; } .layer h2 { padding: 20px; c..

HTML 해설보기 닫기 SCRIPT //레이어 팝업 $(".comment").click(function(){ $(".layer").show(); $(".layer_bg").show(); }); $(".layer .close").click(function(){ $(".layer").slideUp(300); $(".layer_bg").hide(); }); 팝업 CSS 보기 :