Навигация jQuery не работает в IE7

Question

У меня есть следующий код в проекте для основной навигации. По сути, это css-спрайт, который накладывается, когда пользователь наводит курсор мыши на меню. Это прекрасно работает во всех браузерах, кроме IE7 (т.е. 6 не проверено). Я попытался отладить мой CSS и чувствую, что это происходит из кода JQuery / JS специально. Есть ли какой-то код JQ, который я могу использовать, который вызывает ошибку? Любая помощь приветствуется.

Проблема заключается в том, что после того, как парил, не отображается в IE7. Все остальные браузеры работают нормально.

  jQuery('#menu-main-navigation').find('li > a')
         .append('<span class="hover"></span>')
         .hover(function() {
              jQuery('.hover', this)
                .stop()
                .animate({
            opacity: 1
                }, 400 )
            }, function() {
           jQuery('.hover', this)
            .stop()
            .animate({
               opacity: 0
             }, 300)
             });                
          jQuery("#menu-main-navigation a").find('.hover').css({opacity:0})

Заранее спасибо,

J

Answer 1

IE7 не поддерживает opacity, вам нужно filter: alpha(opacity=50);

Не безопасно кодировать в одиночку, возьмите http://www.quirksmode.org/css/opacity.html

Answer 2

Ответ выше неверен. JQuery поддерживает непрозрачность для IE7. В конце концов, это была проблема css, позиционирование тега <li> было отключено.