Проблема Z-ИНДЕКС в IE7

Если вы нажмете оранжевую кнопку ЗАКАЗАТЬ вверху, #dimmer должен покрыть весь фон, а вверху должна появиться форма . (эффект лайтбокса)

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

В других браузерах все работает нормально.

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

Спасибо, товарищи!


jquery css z-index internet-explorer-7
person Fenelon    schedule 20.10.2010    source источник
comment
Попробуйте добавить position:relative к рассматриваемому элементу.   -  person Sarfraz    schedule 20.10.2010
comment
If you click... что именно нажать? Что вы у нас спрашиваете? Мы не можем предположить, что знаем, о чем вы спрашиваете.....   -  person Buhake Sindi    schedule 20.10.2010
comment
Кроссбраузерность — это всегда боль... Почему бы вам не отключить отображение, а не скрывать его с помощью z-index?   -  person GôTô    schedule 20.10.2010
comment
@The Elite Gentleman: оранжевая кнопка вверху › сколько оранжевых кнопок вы видите?   -  person GôTô    schedule 20.10.2010
comment
Мы говорим о оранжевой кнопке переполнения стека? Я не вижу здесь оранжевой кнопки ЗАКАЗАТЬ.   -  person Buhake Sindi    schedule 20.10.2010
comment
@The Elite Gentleman: неа, Фенелон дал ссылку fenelon.ru/projects/SpaceFood/2.1- jQuery   -  person GôTô    schedule 20.10.2010
comment
Извините, потому что я все еще не вижу оранжевую кнопку. Возможно, я не понимаю по-русски.   -  person Buhake Sindi    schedule 20.10.2010
comment
Хорошо, может быть, вы бы назвали это бордовым :)   -  person GôTô    schedule 20.10.2010

Ответы (1)


arrow_upward
1
arrow_downward

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

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

person Thomas    schedule 20.10.2010
comment
К сожалению, это не помогло. Я хочу извиниться, если мой вопрос будет каким-то неясным, но я действительно вышел из себя. - person Fenelon; 20.10.2010
comment
Вот что вы предложили: fenelon.ru/projects/SpaceFood/2.1-jQuery /index1.html - person Fenelon; 20.10.2010
comment
нисходящая ссылка? я попробую еще раз позже… - person Thomas; 20.10.2010