zIndex使用jQuery修复IE6 / IE7?

时间:2012-05-07 12:19:19

标签: jquery css

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

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

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

非常感谢任何帮助。

最诚挚的问候 约翰

3 个答案:

答案 0 :(得分: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/

答案 1 :(得分:1)

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

答案 2 :(得分:0)

在父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

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