标签：JS 遮罩层

JS 遮罩层

上一篇我们讲了使用伪元素来实现遮罩层，虽然很方便，但是也有一些缺点，比如：z-index需要设置好，由于伪元素是login里面的，所以哪怕伪元素的z-index：-999；也不可能穿透login元素，这样的话，form元素就要设置一下背景色了。无法为伪元素添加点击事件为此我们还可以单独创建一个遮罩层元素，这个元素一般在login元素的上面并且为同级元素，我们可以利用js创建或者先创建好再设置css，我这里选择js创建，虽然麻烦一点，但是显得有技术啊！233...效果图：css部分：.login_Masked { position: absolute; top: 0; ...