我在页面上有一个由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;
}
答案 0 :(得分：0)
您的z-index可能存在一些问题。尝试将position：relative放在该类上。
继承人对IE z-index gimmics的详细解释
答案 1 :(得分：0)
IE 6和7每次看到非静态的位置值时都会重置z-index（'锁定在该值'）堆栈。这意味着如果你在这个元素之上有position: relative或其他东西，那么这个元素只会被锁定在这一层（如果没有z-index则为0），并且提供的z-index将是相对于此z-index处的其他元素。通过确保它相对于整个页面而不是某些任意父项来修复它。