관리 메뉴

맛집 여행 캠핑 일상 생활

DIV 팝업레이어 뒷쪽에 클릭이 안되게 처리 본문

HTML.CSS

DIV 팝업레이어 뒷쪽에 클릭이 안되게 처리

♥ 영은파더♥ 2018. 9. 20. 13:52

DIV 팝업레이어 뒷쪽에 클릭이 안되게 처리


팝업레이어에 IFRAME 으로 파일을 불러들이지 않으면 레이어 뒤쪽으로 버튼이 있거나 하면 마우스클릭시 뒷쪽 이벤트가 먹힙니다.

이것을 CSS로 방지하는 방법입니다.

브라우저에 따라 안먹힐 수도 있습니다.

function action_PopupOpen(_layer) {

document.getElementById(_layer).style.display='block';

$('body').css("pointer-events","none");

}


function action_PopupClose(_layer) {

document.getElementById(_layer).style.display='none';

$('body').css("pointer-events","auto");

}


<div id="popupLayer">

<div style="position:absolute;top:0px;left:100%;margin-left:-20px;width:20px;height:20px;background-color:red;">

<img src="../images/close.png" style="cursor:pointer;" onclick="action_PopupClose('popupLayer');" alt="close">

</div>

팝업내용

</div>

위 코드를 응용하면 됩니다.


Trackback : 0 | Comments : 0
댓글쓰기 폼