본문 바로가기

Story/Jquery

Simplemodal Popup 에서 팝업 부분만 print 하는 방법

반응형

Simplemodal Popup 에서 팝업 부분만 print 하는 방법

 

<style type="text/css">
<!--
@media print{ 

    /* 팝업을 좌측맨 위로 보이게 한다 */

    #simplemodal-container[style] {
        position
: absolute !important;
        top
: 0 !important;
        left
: 0 !important;
    }

 

    /* 모달팝업으로 흐려진 배경을 원상태대로 돌려준다 */

    #simplemodal-overlay[style] {
        opacity: 0.0 !important;
    }

 

    /* print 시 출력되면 안될 부분들을 안보이게 해준다. */

    .nonprint {display:none;}
    #wrap {display:none;}

}

-->

</style>

참고 사이트

http://www.ericmmartin.com/projects/simplemodal/

http://stackoverflow.com/questions/1843737/jquery-simplemodal-move-simplemodal-container-to-0-0-for-printing

반응형