윈도우실행시 모달팝업인데요

뒤에 검은색배경만 불투명 주고싶은데 잘안되네요.

도와주세용 ㅠ

<!-- 레이어 설정 -->

<style type="text/css">
#divpop{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:10;background-color:#000000;filter:alpha(opacity=50);vertical-align:middle;text-align:center;display:block;}
.pop{ margin-top:100px;}
.close{background:#fff; width:640px; margin:0 auto; text-align:right;}
</style>

<!-- 레이어 내용 -->
 <div id="divpop">

 <div class="pop"><img src="http://jshboss2.cafe24.com/pexels-photo.jpg"></div>
 

<!-- 레이어 닫기 버턴-->

<form name="divpop_frm" method="post" action="" class="close">
<input type="checkbox" name="chkbox" value="Y" onClick="close_divpop('divpop_frm', 'divpop');" />
<font color=000000>오늘 하루 이 창을 열지 않음</font>
 <a href="javascript:;" onclick="close_divpop('divpop_frm', 'divpop')"><font color=000000><b>[닫기]</b></font></a>
 </form>

</div>

<div style="text-align:center; margin-top:200px; font-size:50px;">컨텐츠는 레이어팝업<br>밑에서부터 시작하면 됨.</div>

<!-- 팝업 쿠키설정 -->
<script type="text/javascript">
//<![cdata[
 function set_cookie(name, value, expiredays) {
  var todayDate = new Date();
  todayDate.setDate( todayDate.getDate() + expiredays );
  document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
 }

 function close_divpop(frm, pop) {
  var f = eval("document."+frm);
  if(f.chkbox.checked){
   set_cookie(pop, "Y", 1);
  }
  document.getElementById(pop).style.display = "none";
 }

 cookiedata = document.cookie;
 if(cookiedata.indexOf("divpop=Y") < 0) {
  document.getElementById('divpop').style.display = "block";
 } else {
  document.getElementById('divpop').style.display = "none";
 }
//]]>
</script>