ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLポップアップ透明レイヤーのインスタンスサイズを設定・拡大縮小可能_HTML/Xhtml_Webページ制作
HTMLポップアップ透明レイヤーのインスタンスサイズを設定・拡大縮小可能_HTML/Xhtml_Webページ制作
- WBOYオリジナル
- 2016-05-16 16:38:061306ブラウズ
复制代
代码如下:;
* {
マージン: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
コンテンツ 1 コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ コンテンツ内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容