网页弹出一个div层 后面出现一个半透明遮罩层 这是怎么实现的
详细点举个例子另外前面这个div层如何让他在浏览器的固定位置显示如果分辨率不一样,不会出现在别的地方...
详细点 举个例子
另外前面这个div层如何让他在浏览器的固定位置显示 如果分辨率不一样,不会出现在别的地方 展开
另外前面这个div层如何让他在浏览器的固定位置显示 如果分辨率不一样,不会出现在别的地方 展开
3个回答
展开全部
var p=document.createElement("DIV");
p.id="MyAlertBoxMasker";
p.style.position="absolute";
p.style.width=document.body.scrollWidth;
p.style.height=document.documentElement.offsetHeight;
p.style.zIndex='998';
p.style.top='0';
p.style.left='0';
p.style.backgroundColor="gray";
p.style.opacity='0.5';
p.style.filter="alpha(opacity=80)";
//内容层
var p1=document.createElement("DIV");
var top=parseInt(parseInt(document.body.scrollHeight)*0.25)+document.body.scrollTop;
p1.id="MyAlertBox";
p1.style.position="absolute";
var left=document.documentElement.offsetHeight/2;
var left=0;
p1.style.zIndex='999';
p1.style.top=top+'px';
p1.style.left=left+'px';
p1.innerHTML="";//这里是浮动层的具体HTML内容
document.body.appendChild(p);
document.body.appendChild(p1);
//上面就是出现的代码。-----------
//下面代码是关闭的
document.body.removeChild(document.getElementById('MyAlertBoxMasker'));
document.body.removeChild(document.getElementById('MyAlertBox'));
p.id="MyAlertBoxMasker";
p.style.position="absolute";
p.style.width=document.body.scrollWidth;
p.style.height=document.documentElement.offsetHeight;
p.style.zIndex='998';
p.style.top='0';
p.style.left='0';
p.style.backgroundColor="gray";
p.style.opacity='0.5';
p.style.filter="alpha(opacity=80)";
//内容层
var p1=document.createElement("DIV");
var top=parseInt(parseInt(document.body.scrollHeight)*0.25)+document.body.scrollTop;
p1.id="MyAlertBox";
p1.style.position="absolute";
var left=document.documentElement.offsetHeight/2;
var left=0;
p1.style.zIndex='999';
p1.style.top=top+'px';
p1.style.left=left+'px';
p1.innerHTML="";//这里是浮动层的具体HTML内容
document.body.appendChild(p);
document.body.appendChild(p1);
//上面就是出现的代码。-----------
//下面代码是关闭的
document.body.removeChild(document.getElementById('MyAlertBoxMasker'));
document.body.removeChild(document.getElementById('MyAlertBox'));
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询