HTML 팝업 투명 레이어 인스턴스 크기 설정 또는 크기 조정 가능_HTML/Xhtml_웹 페이지 제작

复主代码

代码如下:

<머리>


<스타일>
* {
여백:0;
패딩:0
}
html, body {
높이: 100%;
너비: 100%;
글꼴 크기: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%;
텍스트 정렬:오른쪽;
여백:0 0 6px 0
}
.close a {
color:#333;
텍스트 장식:없음;
글꼴 크기:14px;
글꼴 무게:700
}
.con {
텍스트 들여쓰기:1.5pc;
줄 높이:21px
}

<스크립트>
함수 표시(태그){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='차단';
fade.style.display='차단';
}
function hide(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.display='없음';
fade.style.display='없음';
}


<본문>
打开1
打开2

关闭

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

关闭

内容2

대형 전체가 상면에 있습니다.