1

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

Проблема в том, что когда-то зависавший диапазон не отображается в 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

+0

Это помогает, когда вы сообщаете нам, в чем проблема. – Moses

+0

Вы правы, обновлены. – jeffreynolte

ответ

0

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

1

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

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

+0

Благодарим вас за ответ, но на самом деле это неверно. jQuery поддерживает непрозрачность для IE7. Это была проблема css после того, как позиционирование было отключено на ли. Насколько я знаю, jQuery не реализует функции, которые не могут поддерживаться кросс-браузером. – jeffreynolte

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