호스트 잠금 주파수 0.8

& lthtml & gt

& lthead & gt

& lt 제목> 순수 CSS 라이트 박스 효과

& ltstyle & gt

。 검정색 _ 덮어쓰기 {

표시: 없음;

위치: 절대;

맨 위: 0%;

왼쪽: 0%;

폭:100%;

키:100%;

배경 색상: # EEEEEE

Z 지수:1001;

-moz- 불투명도: 0.8;

불투명도: .80;

필터: 알파 (불투명도 = 80);

}

。 흰색 _ 내용 {

표시: 없음;

위치: 절대;

맨 위: 25%;

왼쪽: 25%;

폭: 50%;

키: 50%;

채우기:16px;

테두리: 16px 단색 오렌지;

배경 색상: 흰색;

Z 지수:1002;

오버플로우: 자동;

}

& lt/style & gt；;

& lt/head & gt；;

& ltbody & gt

& LTP> 이것이 주요 내용입니다. 라이트 박스를 표시하려면 & ltahref = "JavaScript: void (0)" onclick = "document.getelementbyid ('light')) 를 클릭합니다 Document.getelementbyid ('fade') .style.display =' block' "> 여기 & lt/a & gt；; & lt/p & gt；;

& ltdiv id = "light" class = "white _ content" > 라이트 박스 내용입니다. & LTA href = "JavaScript: void (0)" onclick = "document.getelementbyid ('light'). style .. Document.getelementbyid ('fade') .style.display =' none' "> & lt/a & gt；; 닫기 & lt/div & gt；;

& lt div id = "fade" class = "black _ overlay" ></div >

& lt/body & gt；;

& lt/html & gt；;