jQuery导航无法在IE7中工作

Question

我在主导航项目中有以下代码。它基本上是一个用户悬停在菜单上时覆盖的css-sprite。除IE7以外（IE6未经测试），这在每个浏览器都能正常工作。我已经尝试调试我的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}) 

谢谢你在前进，

Ĵ

Answer 1

的以上答案不正确。 jQuery支持IE7的不透明度。毕竟这是一个CSS问题，定位在<li>标签上。

Answer 2

IE7不支持opacity，你需要filter: alpha(opacity=50);

这不是单独的安全代码，借此http://www.quirksmode.org/css/opacity.html