1、遮罩层：<div id=争犸禀淫"back"></div> ，即作为背景层，覆盖整个页面。弹出层：<div id="for罪焐芡拂m"></div>，即背景层上的一层，此层可根据#form{ top: 10%; left: 10%; width: 20%; height: 30%;}，调整弹出层的弹出位置，完整的如图所示：
2、弹出层和遮罩层全部为div标签，可以利用display来控制显示和隐藏的属性.在js中，显示： document.getElementById('divID').style.display = 'block';隐藏：document.getElementById('divID').style.display = 'none';
3、本例中：显示遮罩层和弹出层，即可用图中popDiv（）函数表示：其中，showId表示弹出层的divId, backId表示遮罩层的divId；函数第去、2行显示弹出层和遮罩，3、4、5行设置遮罩层的长度、宽度
4、关闭弹出层和遮罩层用hideDiv函数（），其中：showId表示弹出层的divId, backId表示遮罩层的divId；先关闭弹出层，后关闭遮罩层。
5、点击按钮后，弹出，要给按钮加上onclick函数，如下：<button onclick="popDiv('form','back')">点我，显示弹出层</button>
6、整体代码如下，css 样式可根据个人的喜好自行添加：
