HTMLポップアップ透明レイヤーのインスタンスサイズを設定・拡大縮小可能_HTML/Xhtml

复制代

代码如下:

;
ライトボックスの例

* {
マージン:0;
パディング:0
}
html, body {
高さ: 100%;
幅: 100%;
font-size:12px
}
.white_content {
表示: なし;
位置: 絶対。
トップ: 25%;
左: 25%;
幅: 50%;
パディング: 6px 16px;
ボーダー: 12px ソリッド #D6E9F1;
背景色: 白;
z-インデックス:1002;
オーバーフロー: 自動;
}
.black_overlay {
表示: なし;
位置: 絶対。
トップ: 0%;
左: 0%;
幅: 100%;
高さ: 100%;
背景色:#f5f5f5;
z-インデックス:1001;
-moz-不透明度: 0.8;
不透明度:.80;
フィルター: アルファ(不透明度= 80);
}
.close {
float:right;
クリア:両方;
幅:100%;
text-align:right;
margin:0 0 6px 0
}
.close a {
color:#333;
テキスト装飾:なし;
フォントサイズ:14px;
font-weight:700
}
.con {
text-indent:1.5pc;
line-height:21px
}

function show(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='ブロック';
fade.style.display='ブロック';
}
function hidden(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='none';
fade.style.display='none';
}

打开1
打开2

关闭

关闭

内容2

代コード全体が上にあり、试试を制限することができます...弹出層のサイズを設定することができ、比例させることもできます

HTMLポップアップ透明レイヤーのインスタンスサイズを設定・拡大縮小可能_HTML/Xhtml_Webページ制作