如何实现下面网页的效果.

http://my.chinahr.com/Resume55/AddResume.aspx主要是那个透明的背景,在选择之前不允许做任何事.
我现在能做到弹出选择框.
能把全部的屏幕盖住,但是不能看见下面的东西.
我把背景设成透明的,又盖不住下面的东西了,郁闷.我写的代码.
------------------------------------------------
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"></head>
<body>
<span onclick="pos_set();">显示对话</span>
</body>
</html>
<script language="javascript">
document.writeln("<div id='bground'> ");
document.writeln(" <div id='main' style='width: 300; height: 150; position: absolute; visibility:hidden;'>");
document.writeln(" 看见我了吗?");
document.writeln(" </div>");
document.writeln("</div>");
//alert(screen.width);
function pos_set(){
$("bground").style.background ='#eeeeee';
//$("bground").style.background ='transparent';
$("bground").style.left='0';
$("bground").style.top='0';
$("bground").style.position='absolute';
$("bground").style.width= screen.width;
$("bground").style.height= screen.height;
$("main").style.left=(document.body.clientWidth)/3;
$("main").style.top=document.body.scrollTop+(document.body.clientHeight)/3;
$("main").style.background='#00CCFF';
$("main").style.visibility='visible';
}
function $(id){
return document.getElementById(id);
}
</script>