2010-12-02 4 views
2

Создал простой скрипт, который скрывает/показывает скрытый div. Страница автоматически настраивает высоту в Firefox, Safari и Chrome.jQuery slideToggle в Internet Explorer 7

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

$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 с IE 7, чтобы получить более четкое представление. Нажмите на Подробнее о Amazone

+1

Вместо обнаружения браузера (что неверно в IE9), используйте функцию обнаружения, измените `if (jQuery.browser.msie) {` for `if (! JQuery.support.opacity) {` – 2010-12-02 21:03:09

ответ

1

У вас, похоже, есть свойство переполнения, которое, похоже, неправильно установлено. Попробуйте убедиться, что у вас есть объявление overflow: hidden; для вашего элемента div.

Смежные вопросы