Проблема Z-INDEX в IE7 - PullRequest
Новая
       44

Проблема Z-INDEX в IE7

1 голос
/ 20 октября 2010

Если вы нажмете оранжевую кнопку ORDER в верхней части, диммер # должен охватывать весь фон, а сверху появится форма .(эффект лайтбокса)

Проблема в том, что в IE7 # диммер будет отображаться вверху независимо от его z-index .

В других браузерах все работает хорошо.

Ссылка: http://fenelon.ru/projects/SpaceFood/2.1-jQuery/

Спасибо, ребята!

1 Ответ

1 голос
/ 20 октября 2010

Попробуйте это: 

$("#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-index для всех задействованных элементов. Это должно сработать сейчас, дайте мне знать.

...