淡入爲背景色（按鈕）和下拉菜單SUPERFISH菜單

Question

我使用修改後的下拉從SUPERFISH菜單。 我想爲下拉菜單添加一個獨立淡入效果。 mouseover和下拉框的背景顏色應該慢慢消失。

我加在小提琴的菜單：http://jsfiddle.net/g9usjkto/2/

我已經tryed：

transition: background 1s; 
-webkit-transition: background 1s; 
-moz-transition: background 1s; 
-o-transition: background 1s; 

謝謝， 用最誠摯的問候， Danny77。

Answer 1

看看這個子菜單，它是非常方便地控制，可擴展和可編輯的：DEMO

$('#menu li').hover(function(){ 
    var i=$(this).index(); 
    var submenu=$('.submenu').eq(i); 
    submenu.css({ 
     left:$(this).offset().left+'px', 
     top:($(this).offset().top+$(this).outerHeight())+'px' 
    }).stop().fadeIn(200); 
},function(){ 
    var i=$(this).index(); 
    var submenu=$('.submenu').eq(i); 
    submenu.stop().fadeOut(200); 
}); 
$('.submenu').hover(function(){ 
    $(this).stop().show(); 
},function(){ 
    $(this).fadeOut(200); 
});