이 기사의 예에서는 js CSS를 사용하여 배경이 중앙에 있는 반투명 div 레이어를 팝업하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. js CSS 팝업 중심 배경 반투명 div 레이어 <br> 본문{마진:0px;}<br> #bg{너비:100%;높이:100%;상단:0px;왼쪽:0px;위치:절대;필터: 알파(불투명도=50);불투명도:0.5; 배경:#000000;}<br> #popbox{위치:절대;폭:400px; 왼쪽:50%; 상단:50%; 디스플레이:#666666;}<br> </스타일><br> <script type="text/javascript"><br> 함수 popopen(){<br> document.getElementById("bg").style.display="block";<br> document.getElementById("popbox").style.display="block" <br> }<br> 함수 pupclose(){<br> document.getElementById("bg").style.display="none";<br> document.getElementById("popbox").style.display="none" <br> }<br> <br> </머리><br> <br> <br> CSS 팝업 레이어 또는 팝업 창, 반투명 배경의 팝업 상자는 웹사이트 로그인, 사용자 등록 및 공지 메시지에 사용하기에 매우 적합합니다. IE, FF, OP~팝업창에서 사용 가능하며 배경은 반투명합니다<br> 원리: 높이와 너비가 100%인 레이어와 팝업하려는 창의 특정 내용이 포함된 레이어 두 개입니다. </br> 불투명한 경우 IE에서는 불투명도:0.60을 사용합니다. <br> <a href="#" onclick="pupopen()">창을 열려면 여기를 클릭하세요</a><br> <div id="bg"></div><br> <div id="popbox">두 개의 레이어, 하나는 높이와 너비가 100%이고 다른 하나는 팝업하려는 창의 특정 콘텐츠가 포함되어 있습니다. 반투명성을 위해 필터를 사용하세요: Alpha(opacity=60) ) IE에서는 ;IE가 아닌 경우 불투명도:0.60을 사용합니다.<br> <br><br> <br><br> <br><br> <a href="#" onclick="pupclose()">창을 닫으려면 클릭하세요</a><br> </div><br> </본문><br> </div>