CSS나 jquery로 구현할 수 있는 마스크 레이어 같은 공통 기능은 다들 해보셨을 거라 생각합니다. 구현 방법은 다양합니다. 여기 http://프로젝트에서 구현한 방법 중 일부를 소개하겠습니다. 작동 가능하고 매우 실용적입니다. 효과는 다음과 같습니다. js 구현 부분: 코드 복사 코드는 다음과 같습니다: <br>var myAlert = document.getElementById("alert") <br>var reg = document.getElementById ("content").getElementsByTagName("a")[0]; <br>reg.onclick = function() { <br>myAlert.style.Background = "#e2ecf5" <br>myAlert.style.zIndex = "501" ; <br>myAlert.style.position = "절대"; <br><br>var signSpan = document.getElementById("signSpanId") <br>myAlert.style.top <br>myAlert.left = signSpan.offsetLeft; <br><br>mybg = document.createElement("div") <br>mybg.setAttribute("id", "mybg"); .배경 = "#000"; <br>mybg.style.width = "100%"; <br>mybg.style.height = "100%" <br>mybg.style.position = "절대"; 🎜>mybg.style.top = "0"; <br>mybg.style.left = "0"; <br>mybg.style.zIndex = "500" <br>mybg.style.opacity = "0.3" ; <br>mybg.style.filter = "알파(불투명도=30)"; <br>document.body.appendChild(mybg) <br><br>//document.body.style.overflow = "숨김" ; <br>} <br> 페이지 코드: 코드 복사 코드는 다음과 같습니다. 마스크 레이어 활성화 div> /div> 여기가 강조표시된 영역입니다 🎜> 비밀번호 p> 세 번째 열