js和CSS实现了在弹出层中覆盖整个页面的方法。

本文演示了JS和CSS实现弹出页面整个页面的方法，供大家参考，具体实现方法如下：

弹出层中透明背景和框架的一般样式和结构如下：

复制代码代码如下：alertmessagebg {。

位置：固定；

_position：绝对；

宽度：100%；

身高：100%；

左：0；

顶部：0；

背景：# 000；

不透明性：0.5；

-个不透明度：0.5；

滤镜：alpha（不透明度= 50）；

Z指数：97；

显示：无；

}

alertmessagedivborder {。

位置：固定；

_position：绝对；

宽度：750px；

身高：370px；

左：50%；

顶部：50%；

保证金：- 00 - 375px 185px；

背景：# 000；

滤镜：alpha（不透明度= 30）；

-个不透明度：0.3；

不透明性：0.3；

Z指数：98；

显示：无；

}

alertmessagediv {。

位置：固定；

_position：绝对；

宽度：730px；

身高：350px；

左：50%；

顶部：50%；

保证金：- 00 - 365px 175px；

背景：# FFF；

Z指数：99；

显示：无；

字体大小：14px；

}

用弹出式背景叠加整个网页的方法

1.css方法

复制代码代码如下：alertmessagebg {。

位置：固定；

_position：绝对；

宽度：100%；

身高：100%；

左：0；

顶部：0；

背景：# 000；

不透明性：0.5；

-个不透明度：0.5；

滤镜：alpha（不透明度= 50）；

Z指数：97；

显示：无；

}

2.js方法

复制代码代码如下：alertmessagebg {。

位置：绝对；

宽度：100%；

身高：100%；

左：0；

顶部：0；

背景：# 000；

不透明性：0.5；

-个不透明度：0.5；

滤镜：alpha（不透明度= 50）；

Z指数：97；

显示：无；

}

无功bgwidth = document.body.clientwidth + 'px，

bgheight = document.body.clientheight + 'px，

alertbgnode = $（'。alertmessagebg）；

AlertBgNode.css（{ 'width：bgwidth，'height：bgheight }）；

相比于以上两种方法，很显然，CSS的方法更经济，尤其是当它不兼容IE6。

希望这篇文章能帮助大家基于js的Web程序设计。