> 웹 프론트엔드 > JS 튜토리얼 > 기본 js_javascript 기술에서 반투명 마스크 레이어 효과를 구현하기 위한 특정 코드

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

WBOY
풀어 주다: 2016-05-16 17:32:36
원래의
1126명이 탐색했습니다.
复代码码 代码如下:



<머리>

弹출提示
<스타일>
* {
여백: 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;}


<본문>


现在注册关闭



<라벨> 용도명



<라벨> 密 码











원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿