Javascript 出现在IE7和IE8中元素下的jQuery模式窗口

Javascript 出现在IE7和IE8中元素下的jQuery模式窗口,javascript,jquery,css,flowplayer,Javascript,Jquery,Css,Flowplayer,我在页面上有一个由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/comme

我在页面上有一个由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;
}

你的z指数可能有问题。尝试将position:relative放在该类上

这里有一个关于IE z指数框架的更详细的解释


IE 6和7每次看到非静态的位置值时,都会重置z索引(“锁定在该值”)堆栈。这意味着,如果在该元素上方有
position:relative
或其他内容,则该元素将仅在该层锁定(如果没有z索引,则锁定为0),并且提供的z索引将相对于该z索引处的其他元素。通过确保它是相对于整个页面的,而不是任意的父项来修复它。

HTML/CSS的剩余代码、管理此代码的js代码、jQuery版本等?您提供的信息不足以得到一个好的答案。在您的网站上或网站中进行演示会有所帮助。