jQuery 导航在 IE7 中不起作用答案

【问题标题】：jQuery Navigation not working in IE7jQuery 导航在 IE7 中不起作用
【发布时间】：2010-10-05 07:50:53
【问题描述】：

我在主导航项目中有以下代码。它本质上是一个 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})

提前谢谢你，

【问题讨论】：

告诉我们您的问题是什么。

标签： javascript jquery css internet-explorer internet-explorer-7

【解决方案1】：

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

单独写代码不安全，收下这个http://www.quirksmode.org/css/opacity.html

【讨论】：

感谢您的回答，但这实际上是不正确的。 jQuery 确实支持 IE7 的不透明度。在 li 上的所有定位都关闭之后，这是一个 CSS 问题。据我所知，jQuery 没有实现跨浏览器无法支持的功能。

【解决方案2】：

上面的答案是错误的。 jQuery 确实支持 IE7 的不透明度。毕竟这是一个 CSS 问题，<li> 标签上的定位是关闭的。

【讨论】：