在IE7和IE8中的元素下出現的jQuery模態窗口

Question

我有一個由jQuery在頁面上的模式窗口。它可以在Chrome，Firefox和IE8下完美工作，但IE6和IE7的窗口會顯示在其他元素下方並且位置不正確。

下面是窗口的CSS：

.simple_overlay { 
display: none; 
z-index: 10000; 
background-color: #FCFCFC; 
background-image: none; 
background-image: url(http://static.flowplayer.org/img/commerce/box-512.png); 
padding: 20px; 
width: 675px; 
height: 400px; 
min-height: 200px; 
-moz-border-radius: 8px 8px 8px 8px; 
border: 10px solid rgba(82, 82, 82, 0.698); 
-moz-box-shadow: 0 0 90px 5px #000; 
-webkit-box-shadow: 0 0 90px #000; 
} 

Answer 1

你可能有一些問題，你的z-index的存在。嘗試把位置：相對於該類。

繼承人的IE的z-index gimmics的冗長的解釋

http://annevankesteren.nl/2005/06/z-index

Answer 2

IE 6和7復位的z索引（ '在該值鎖定'）棧每次看到的位置值時間不是靜態的。這意味着如果你的元素上面有position: relative或其他的東西，這個元素只會被鎖定在這個層上（或者如果沒有z-索引，則爲0），並且提供的z-index將會相對於其他元素在這個Z指數。通過確保它是相對於整個頁面而不是一些任意的父親來修復它。