HTML彈出透明層事例大小可以設定也可以比例化_HTML/Xhtml_網頁製作

複製代碼

代碼如下：

UBL "-/ DTD XHTML 1.0 過渡//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
div>

身體>
程式碼全部在上面了，可以複製嘗試...彈出層的大小可以設置，也可以比例化