HTML弹出透明层事例大小可以设置也可以比例化_HTML/Xhtml_网页制作

复制代码

代码如下：

渡 //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<头>


<风格>
* {
边距:0;
填充:0
}
html, body {
高度: 100%;
宽度：100%；
字体大小：12px
}
.white_content {
显示：无；
位置：绝对；
顶部：25%；
左：25%；
宽度：50%；
内边距：6px 16px；
边框：12px实线#D6E9F1；
背景颜色：白色；
z-index:1002;
溢出：自动；
}
.black_overlay {
显示：无；
位置：绝对；
顶部：0%；
左：0%；
宽度：100%；
高度：100%；
背景颜色：#f5f5f5;
z-index:1001;
-moz-不透明度：0.8；
不透明度：.80；
过滤器：alpha（不透明度=80）；
}
.close {
float:right;
明确：两者；
宽度：100%；
文本对齐：右；
边距：0 0 6px 0
}
.close a {
颜色：#333;
文本装饰：无；
字体大小：14px；
字体粗细：700
}
.con {
文本缩进：1.5pc;
行高：21px
}

<脚本>
function show(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='block';
fade.style.display='block';
}
function hide(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='无';
fade.style.display='none';
}


<身体>
打开1
打开2

关闭

内容1内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容

;

关闭

内容2

代码全部在上面了，可以复制尝试...弹出层的大小可以设置，也可以比例化