jQuery Navigation在IE7中不起作用

Question

我在主導航項目中有以下代碼。 實際上，它是一個css-sprite，一旦用戶將鼠標懸停在菜單上，它就會被覆蓋。 這在除IE7（即未經測試的IE7）之外的所有瀏覽器中均能完美運行。 我嘗試調試我的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>標記上的位置已關閉。