主要介绍了纯js实现遮罩层效果，下面就它的原理做下分析，感兴趣的朋友可以参考下

可以说这个功能，在我理解了前面的“贪吃蛇”之后，实在是与刚开始想象的难度差了好多，当然是这种方式有取巧之嫌，终归是实现了功能，我们来进行分析整理 1、实现原理 本片文章的 是实现原理如下： * 实际上弹出层、遮罩层和原页面显示分别为三个不同的div * 弹出层的层级在遮罩层之上，遮罩层的层级在原页面显示之上； * 遮罩层有通明效果 * 遮罩层没有实际意义，则无需在html部分就写上，当然写上同样可以实现 2、代码实现 html语言如下： 代码如下: …. <input type=”b