可以说，在我理解了蛇之后，它只是开始想象很多困难的区别，当然，也是这样，也是很狡猾的，它是函数的实现，我们分析。
1。实现原理
本文的原则如下：
*实际上，弹出层、掩码层和原始页面显示是三个不同的div。
*弹出层的层在掩模层之上，掩模层的级别显示在原始页面上。
*面具有明显的效果。
*屏蔽层没有实际意义，它不需要写在HTML部分，当然它也可以实现。
2。代码实现
HTML语言如下所示：
复制代码代码如下所示：
的…
登录
javaｓｃｒｉｐｔ实现了弹出层和掩码层：
复制代码代码如下所示：
函数显示（）{
无功alertpart = document.getelementbyid（警报）；
alertpart。风格。显示为块；
alertpart.style.position =绝对；
alertpart.style.top =50%；
alertpart.style.left =50%；
alertpart.style.margintop = 75px ；
alertpart.style.marginleft = 150px ；
alertpart。风格。背景=青色；
alertpart。风格。宽度=300px ；
alertpart。风格。高度=200px ；
alertpart.style.zindex =501；
无功mybg = document.createelement（div）；
mybg.setattribute（身份
mybg.style.background =# 000 ；
mybg.style.width =100%；
mybg.style.height =100%；
mybg.style.position =绝对；
mybg.style.top =0；
mybg.style.left =0；
mybg.style.zindex =500；
mybg.style.opacity =0.3；
mybg.style.filter =阿尔法（不透明度30）；
document.body.appendchild（mybg）；
document.body.style.overflow =隐藏；
}
凡使用z-index不透明度和过滤器：在透明的α水平（不透明度），document.createelement（div）和document.body.appendchild（）这些都是出现在应用程序，从而实现原理，当那一刻，一切都容易多了。
这条路又长又窄。