이 기사에서는 JS+CSS에 의해 중앙 배경 반투명 DIV 레이어를 팝업하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> js+CSS는 중앙 배경 반투명 DIV 레이어를 팝업합니다 </title>
<스타일 유형 = "텍스트/CSS">
바디 {마진 : 0px;}
#BG {너비 : 100%; 높이 : 100%; 상단 : 0px; 왼쪽 : 0px; 위치 : 절대; 필터 : 알파 (불투명도 = 50); 불투명도 : 0.5; 배경 :#000000; 디스플레이 : 없음;}
#popbox {위치 : 절대; 너비 : 400px; 높이 : 400px; 왼쪽 : 50%; 상단 : 50%; 여백 : -200px 0 0 -200px; 디스플레이 : 없음; 배경 :#666666;}
</스타일>
<script type = "text/javaScript">
함수 pupopen () {
document.getElementById ( "bg"). style.display = "block";
document.getElementById ( "popbox"). style.display = "block";
}
기능 pupclose () {
document.getElementById ( "bg"). style.display = "none";
document.getElementById ( "popbox"). style.display = "none";
}
</스크립트>
</head>
<body>
</br>
CSS 팝업 레이어 또는 팝업 창에는 반투명 배경 팝업 상자가 있으며 웹 사이트 로그인, 사용자 등록 및 발표 프롬프트에 매우 적합합니다. </br> IE 및 FF, OP는 ~ 팝업 창을 둘 수 있습니다. 배경은 반투명합니다 </br>
원리 : 두 개의 레이어, 하나는 높이와 너비가 100%이고 다른 하나는 팝업하려는 창의 특정 내용입니다. </br> 직렬 반투명은 IE : 필터 : Alpha (불투명도 = 60); 비 이용 불투명도 : 0.60;
</br> </br> <a href = "#"onclick = "pupopen ()"> 여기를 클릭하여 창을 열어 </a>
<div id = "bg"> </div>
<div id = "popbox"> 두 레이어, 하나는 높이와 너비가 100%이고 다른 하나는 팝업하려는 창의 특정 내용입니다. 반투명은 IE에 사용됩니다 : 필터 : 알파 (불투명도 = 60); 비 이용 불투명도 : 0.60;
<br>
<br>
<br>
<a href = "#"onclick = "pupclose ()"> 창을 닫으려면 클릭하십시오
</div>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.