skip navigation

레이어팝업

  • - 팝업 닫기 기능 버튼은 <footer>에 삽입.

  • - 컨텐츠 관련 버튼은 <div class="lay_content"> 내에 삽입한다.

  • - 레이어 팝업은 선형화에 따라 해당 컨텐츠 위치에 삽입

  • - 모달창은 스크립트 정의 된 기능에 따라 수정 가능

[VIEW]

타이틀

컨텐츠
컨텐츠
컨텐츠
컨텐츠
[CODE]
<article class="lay_wrap"> <header class="lay_header"> <h1>타이틀</h1> </header> <div class="lay_content"> <!-- contents --> 컨텐츠<br>컨텐츠<br>컨텐츠<br>컨텐츠 <div class="btn_wrap"> <button type="button">확인</button> <button type="button">취소</button> </div> <!-- //contents --> </div> <footer class="lay_footer"> <button type="button" class="close">레이어팝업 닫기</button> </footer> </article> <div class="modal_layer"></div><!-- 모달창 : 스크립트 정의 된 기능에 따라 수정 가능 -->