<style>
<body>
<div id="wrap">
.....
.....
<div class="pop">
......
</div>
</div>
<div id="bg"></div>
</body>
나머지 jquery로 액션주기.
#bg { display:none; width:100%; height:100%;
position:fixed; top:0; left:0;
_position:absolute; /* hack for internet explorer 6*/
position:fixed; top:0; left:0;
_position:absolute; /* hack for internet explorer 6*/
background:#000; opacity:.5; filter:alpha(opacity=50); }
position:absolute; left:32%; top:20%; z-index:99; }
</style>.pop { display:none; width:558px; height:305px; border:1px solid #959495; background:#fff;
/*팝업 위치 조절*/position:absolute; left:32%; top:20%; z-index:99; }
<body>
<div id="wrap">
.....
.....
<div class="pop">
......
</div>
</div>
<div id="bg"></div>
</body>
나머지 jquery로 액션주기.