2013-03-11 3 views
0

HTML 페이지의 위치와 상관없이 DIV 전체 화면을 만들 수있는 방법이 있습니까? 일부 페이지에서는 DIV가 그 뒤에있는 모든 것을 오버레이하기를 원하지만 몸체가 화면의 절반에 불과하면 내 DIV도 전체 화면 대신 화면 절반이됩니다. 나는 그것을 필요로 할 때 나중에 디스플레이가 없음으로 설정하는 이유 먹으 렴, JQuery와 함께 "숨기기 취소"위치에 관계없이 DIV 전체 화면 만들기

.MainOverlayDIV{ 
width:100%; 
height:100%; 
z-index:90; 
position:fixed; 
top:0%; 
left:0%; 
background-color:#F1F2F3; 
opacity:0.9; 
display:none; 

} 
+0

:

나는이 CSS를 사용합니다. – Mbrouwer88

+0

바디가 화면의 절반이 될 수있는 방법 ('뷰포트'를 의미하는 것으로 가정) – isherwood

+1

jquery로 숨김을 해제하면 div의 너비와 높이를'$ (window) .height()'및'$ (window) .width()'와 같게 설정하십시오. –

답변

2
.MainOverlayDIV{  
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    position: fixed; 
    z-index: 100500; 
} 
+0

고마워, 그랬어. – Mbrouwer88

관련 문제