IE7中的Z-索引问题

Question

如果你点击顶部的橙色命令按钮，#调光器应该覆盖整个背景，表单应该出现在顶部。(灯箱状效应)

问题是，在IE7中，#调光器将出现在顶部，而不管它是z索引。

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

链接：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索引。现在应该可以了，让我知道。