페이지 마스크 레이어를 사용하여 페이지 본문이 스크롤되는 것을 방지합니다. 부트스트랩 모달 상자 원리_CSS/HTML

WBOY
풀어 주다: 2016-05-16 12:03:36
원래의
3082명이 탐색했습니다.

구현 아이디어:

1. 몸체를 덮을 층이 있어야 하고 몸체 위에 올려놓아야 합니다.

2. body의 오버플로 속성 값을 숨김

으로 수정합니다.

더 이상 말도 안 되는 소리는 없습니다. Firefox, Google, IE와 호환되는 키 코드가 게시되어 있습니다.

마스크 레이어의 스타일 코드, 빨간색 부분이 핵심입니다

코드 복사 코드는 다음과 같습니다.

.cover {
위치:고정; 위쪽: 0px; 아래쪽:0px;필터: 알파(불투명도=60); 배경색: #777;
왼쪽: 0px ; 디스플레이:없음;
불투명도:0.5; -moz-opacity:0.5;
}

웹페이지 부분 코드

코드 복사 코드는 다음과 같습니다.

JS 코드 부분

코드 복사 코드는 다음과 같습니다.

function showMask(){
$ ('body').css("overflow","hidden")
$("#cover").show();
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!