Переключение jQuery в Internet Explorer 7. Положение и высота Проблема

Question

Я сделал простой скрипт, который скрывает / показывает скрытый div. Страница автоматически регулирует свою высоту в Firefox, Safari и Chrome.

Однако в Internet Explorer 7 div перекрывает содержимое внизу В настоящее время я использую Joomla в качестве CMS. Где я ошибся? Я попытался включить «position: родственник» для нижнего содержимого, но это не помогает.

$j(idName).css({"opacity": "0"});
$j(idName).slideToggle('fast', function() { 
    $j(idName).animate({opacity:"1"}, function() {
        if(jQuery.browser.msie) {
            this.style.removeAttribute('filter');
            $j("#main-body").css("height","auto");
        }
    }); 

});

Посетите http://educationtechnologysummit.com/sponsors-a-partners.html, чтобы получить более четкое представление

Answer 1

Мне немного неясно ваш вопрос, но, судя по всему, проблема, которую вы представляете, заключается в том, что при наведении мыши на элемент меню в IE7 раздел меню скрывается за другими элементами.(скрытый div меню отображается через функцию jQuery slideToggle)

Похоже, вы включили z-index для скрытых div, но не указали z-index для другихэлементы, которые предполагается перекрывать.IE7 может неправильно разрешать наложение элементов с неопределенным z-индексом на элементы меню.

РЕДАКТИРОВАТЬ: Добавьте в свой CSS это:

#menu-spacer{z-index:489;}
#main-body{z-index:489;}

Answer 2

Удалите это из вашего CSS."Позиция: относительная"

Answer 3

Ваш CSS должен нормально работать в IE7, если вы удалите стиль position: relative из класса .wrapper в template.css (или полностью удалите класс .wrapper).