zIndex使用jQuery修复IE6 / IE7？

Question

我试图编写一个弹出窗口但是在IE6和IE7中由于某种原因在灰色叠加层上使用z-index时遇到了一些问题。

有没有办法在IE6 / IE7中使用jQuery修复z-index错误还是有其他方法吗？

请检查jsfiddler http://jsfiddle.net/NrxbC/5/

非常感谢任何帮助。

最诚挚的问候 约翰

Answer 1

在IE7上，你可以解决暂时删除fadeIn之前的filter属性，然后再重新申请

$(el).css("filter", "").fadeIn(200, function () {
    $(el).css("display","inline-block;").css("filter", "alpha(opacity=65)");
});

请参阅http://jsfiddle.net/NrxbC/11/

Answer 2

为什么不使用像colorbox或fancybox或lightbox这样的开源。
（我暂时不能发表评论）

Answer 3

在父div中为z-index设置更高的值...例如，

<div id="parent" style="z-index:2002">
<div id="child" style="z-index:2000">// The actual div which needs the z-index
</div>
</div>

也请参考this page，

它可能看起来很傻......但它有效......