z-index問題IE 7

Question

我有兩個div。

第一個覆蓋整個屏幕，並具有透明背景

另一div有一個白色背景和較高的z索引然後第一個div。但透明背景與白backgorund覆蓋第二個div ...我能做些什麼來解決這個問題？

.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的頂部。