JS弹出遮罩层

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS弹出遮罩层相关的知识,希望对你有一定的参考价值。

// create div
var mask=document.createElement("div");
mask.id="mask";
mask.style.position="absolute";
mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=25)";//IE的不透明设置
mask.style.opacity=0.4;//Mozilla的不透明设置
mask.style.background="black";
mask.style.top="0px";
mask.style.left="0px";
mask.style.width="10000px";
mask.style.height="888px";
mask.style.zIndex=1000;
document.body.appendChild(mask);
 
//delete div
var mask=document.getElementById("mask");
if(null==mask)return;
document.body.removeChild(mask);

 

以上是关于JS弹出遮罩层的主要内容,如果未能解决你的问题,请参考以下文章

弹出遮罩层水平垂直居中

小程序实现弹出遮罩层模态框

弹出遮罩层后禁止底部页面滚动

jquery+ajax,与后台交互的过程中,弹出遮罩层,并且加载动画。怎么实现?

jQuery弹出遮罩层效果完整示例

判断是不是微信浏览器,如果是将弹出遮罩层提示在右上角浏览器中打开(一般用于下载东西)