이 기사의 예에서는 js CSS를 사용하여 전체 화면에 회색-검정색 투명 마스크 효과를 팝업하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다. 이 효과는 특정 작업을 수행한 후 회색-검정색 반투명 마스크가 나타나는데, 여기에는 지정된 콘텐츠가 작동될 수 있습니다. 예를 들어 로그인 상자가 나타날 수 있습니다. 이 효과를 얻는 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. CSS-Script를 사용하여 전체 화면에 회색-검정색 투명 마스크 효과를 표시하는 방법 홈 * <br> { <br> 여백:0px <br> 패딩:0px <br> } <br> .zhezhao <br> { <br> 너비:100% <br> 높이:100% <br> 배경색:#000 <br> 필터:알파(불투명도=50) <br> -moz-불투명도:0.5 <br> 불투명도:0.5 <br> 위치:절대 <br> 왼쪽:0px <br> 상단:0px <br> 표시:없음 <br> Z-색인:1000 <br> } <br> .로그인 <br> { <br> 너비:280px <br> 높이:180px <br> 위치:절대 <br> 상단:200px <br> 왼쪽:50% <br> 배경색:#000 <br> 여백-왼쪽:-140px <br> 표시:없음 <br> Z-색인:1500 <br> } <br> .콘텐츠 <br> { <br> 여백 상단:50px <br> 색상:빨간색 <br> 줄 높이:200px <br> 높이:200px <br> 텍스트 정렬:가운데 <br> } <br> </스타일> <br> <스크립트 유형="텍스트/자바스크립트"> window.onload=function() <br> { <br> var zhezhao=document.getElementById("zhezhao") <br> var login=document.getElementById("로그인") <br> var bt=document.getElementById("bt") <br> var btclose=document.getElementById("btclose") <br> <br> bt.onclick=function() <br> { <br> zhezhao.style.display="차단" <br> login.style.display="차단" <br> } <br> btclose.onclick=function() <br> { <br> zhezhao.style.display="없음" <br> login.style.display="없음" <br> } <br> } <br> 스크립트> <br> </머리> <br> <div class="zhezhao" id="zhezhao"></div> <div class="login" id="login"><button id="btclose">닫으려면 클릭하세요</button></div> <div class="content">스크립트 홈이 여러분을 환영합니다. <button id="bt">마스크를 팝업하려면 클릭하세요</button></div> </본문> </div>