css - 下拉菜单淡入淡出效果

Question

http://jsfiddle.net/frcdd/11/

参见 fiddle 。

问题:单击菜单项时，说“加拿大”，菜单会下拉，我在现在可见的部分放置了背景。我也在使用淡入淡出效果。但是，我的背景是灰色的，菜单从白色变淡。

我想知道是否有人可以查看脚本并了解如何将淡入淡出从白色更改为从黑色淡入/淡出。

检查 fiddle ，它会更有意义我所追求的。

div.container {
    background:#292B29;
    padding-top:0px;
    margin-top: 0px;
    padding-bottom:0px;
    padding-top:0px;
}

Answer 1

它在子菜单中淡出，所以只需将容器的背景#content设为黑色

#content {
    float:left;
    margin:0px;
    background:black;
}

Demo