淡入为背景色（按钮）和下拉菜单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); 
});