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();
});
'CSS' 카테고리의 다른 글
css 글자색과 배경옵션 (0) | 2015.05.30 |
---|---|
CSS 적용하는 3가지 방법 (0) | 2015.05.30 |