기본 js_javascript 기술에서 반투명 마스크 레이어 효과를 구현하기 위한 특정 코드

<머리>


<스타일>
* {
여백: 0;
패딩: 0;
글꼴 크기: 12px;
}
html, 본문 {
높이: 100%;
너비: 100%;
}
#content {
배경: #FFFFFF;
패딩: 30px;
높이: 100%;
}
#content a {
글꼴 크기: 30px;
색상: #369;
글꼴 두께: 700;
}
#alert { z-index:2;
테두리: 1px 실선 #369;
너비: 300px;
높이: 150px;
배경: #e2ecf5;
z-색인: 1000;
위치: 절대;
디스플레이: 없음;
}
#alert h4 {
높이: 20px;
배경: #369;
색상: #fff;
패딩: 5px 0 0 5px;
}
#alert h4 스팬 {
float: 왼쪽;
}
#alert h4 범위#close {
여백-왼쪽: 210px;
글꼴 두께: 500;
커서: 포인터;
}
#alert p {
padding: 12px 0 0 30px;
}
#alert p 입력 {
너비: 120px;
왼쪽 여백: 20px;
}
#alert p input.myinp {
테두리: 1px 솔리드 #ccc;
높이: 16px;
}
#alert p input.sub {
너비: 60px;
왼쪽 여백: 30px;
}
#mask{ 위치:절대; 상단:0; 왼쪽:0; 높이:100%; 너비:100%; 배경:#000; 불투명도:0.3; 표시:없음; z-index:1;}


<본문>