CSS遮罩层的兑现

CSS遮罩层的实现
偶然发现自己原来写了一个CSS遮罩层，虽然这个东西没什么技术含量，但如果本人离开公司后又遇见此类问题，那么可能又得花些时间来找资料了。所以决定还是把它记下来吧。
直接上代码吧。
第一步，html代码：

上面的代码由三部分构成，popDiv表示弹出层，即单击“挂号须知”链接时弹出。
而bg表示遮罩层，即弹出层显示时将层后面的内容遮住。最后就是指显示的链接。
这三部分的CSS类如下：
function showDiv(orgId){  regAsyncController.getOrgNotes(orgId,function(data){$("#orgNote").html(data);$("#bg").show();$("#popDiv").fadeIn(1000);});}  function closeDiv(){$("#popDiv").fadeOut(1000,function(){$("#bg").hide();});}  

这个过程其实比较简单，但本人并不经常搞页面的东西，所以CSS的东西也记不住几个，只能知道点就写下来了。