我试图编写一个弹出窗口但是在IE6和IE7中由于某种原因在灰色叠加层上使用z-index时遇到了一些问题。
有没有办法在IE6 / IE7中使用jQuery修复z-index错误还是有其他方法吗?
请检查jsfiddler http://jsfiddle.net/NrxbC/5/
非常感谢任何帮助。
最诚挚的问候 约翰
答案 0 :(得分:1)
在IE7
上,你可以解决暂时删除fadeIn之前的filter
属性,然后再重新申请
$(el).css("filter", "").fadeIn(200, function () {
$(el).css("display","inline-block;").css("filter", "alpha(opacity=65)");
});
答案 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,
它可能看起来很傻......但它有效......