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();
});