Z- 색인 발행 IE 7

Question

두 개의 div가 있습니다.

첫번째는 화면 전체를 덮고, 투명한 배경

타방 DIV 흰색 배경 후 높은 Z- 색인 제 DIV있다. 그러나 투명한 배경은 두 번째 div와 흰색 backgorund를 포함합니다 ...이 문제를 해결하려면 어떻게해야합니까?

.lightbox{ 
     top: 0; 
     left: 0; 
     background: #000; 
     width: 100%; 
     height: 100%; 
     position: absolute; 
     z-index: 1000; 
     filter:alpha(opacity=50); 
     opacity:0.5; 
} 

#lightboxContent{ 
     display: none; 
     width: 325px; 
     height: 260px; 
     background: #FFF; 
     position: absolute; 
     z-index: 2000; 
     top:0; 
     border:3px solid #CCC; 
     text-align:center; 
} 

Answer 1

http://jsfiddle.net/DHYFz/

이 나를 당신의 설치를 IE7+를 사용하여 완벽하게 잘 작동합니다. 코드의 다른 부분에서 중복되는 요소가 있습니까?

가능한 문제 : lightboxContent 요소를 중첩한다고 가정 할 경우 상위 Z- 색인이 하위 노드보다 우선한다는 것을 명심하십시오.

쉬운 수정은 lightbox> lightboxContent를 중첩하지 않기 위해서입니다. 용기의 폭과 높이를 무관하게 취합니다.

Answer 2

쉬운 방법은 IE7을 HTML 상단에 놓는 것입니다.