Question

如果单击顶部的橙色ORDER按钮， #dimmer 应覆盖整个背景，形式应显示在顶部。（类似灯箱的效果）

问题是在IE7中 #dimmer 会出现在顶部，无论它是 z-index 。

在其他浏览器中，一切都运行良好。

链接：http://fenelon.ru/projects/SpaceFood/2.1-jQuery/

谢谢你们，伙伴们！

Answer 1

试试这个：

$("#orderBtn").click(function(){
    if(!visible) {

        if ($.browser.msie && $.browser.version.substr(0,1)<8) {
            $(".product").css('z-index','-2');
            $("#order").css('z-index','1');
            $("#dimmer").css('z-index','-1');
        }

        ... // do your other stuff

 } else {

        if ($.browser.msie && $.browser.version.substr(0,1)<8) {
            $(".product,#order,#dimmer").css('z-index','auto');
        }    

        ... // do your other stuff

 }
});

懒惰的IE7需要所有相关元素的z索引。现在应该可以了，请告诉我。

IE7中的Z-INDEX问题

1 个答案: