CSS

레이어팝업으로 PDF 파일 띄우기

JDK's blog 2020. 3. 10. 09:44


1. HTML

<embed src="파일명" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">


2. 

<style>

#overlay_t { background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 99; display:none;}

#popup_layer { width:400px; margin-bottom:30px; background:#fff; border:solid 1px #ccc; position:absolute; top:260px; left:50%; margin-left:-200px; box-shadow: 0px 1px 20px #333; z-index:100; display:none;}

</style>


3. script

$(document).ready(function(){

$('#popup_layer, #overlay_t').show(); 

 $('#overlay_t, .close').click(function(e){ 

        e.preventDefault(); 

        $('#popup_layer, #overlay_t').hide(); 

    });