使用JQuery从css onmouseover中删除背景颜色属性

Question

我正在尝试删除div onmouseover的背景颜色.

$("#LoginTab").mouseover(function(){
    //Gives me white color
    $("#LoginTab").animate({backgroundColor: ''},1000); 
});
$("#LoginTab").mouseout(function(){
    $("#LoginTab").animate({'backgroundColor':'#babfde'},1000);
});

这是CSS

#LoginTab
{
    background-color:#babfde;
    padding-top:5px;
    padding-bottom:5px;
    opacity:1;
    border:#babfde 2px solid;
}

所以我想要的效果是背景颜色将被删除,这将只给我在div onmouseover内的边框和东西

Answer 1

你需要使用transparent,空字符串不是有效的背景颜色.

你也可以用css使用一个hover标志:

#LoginTab:hover
{
    background-color: transparent;
}

Answer 2

检查这个小提琴

http://jsfiddle.net/vigneshvdm/xjhBT/

你只需要调整css,不需要脚本来做到这一点

#LoginTab:hover
{
    background-color:transparent;
    padding-top:5px;
    padding-bottom:5px;
    opacity:1;
    border:#babfde 2px solid;
}