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

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

单独编码是不安全的，请参考http://www.quirksmode.org/css/opacity.html

Answer 2

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

jQuery导航无法在IE7中运行

2 个答案: