我试图在悬停菜单项时使用背景色实现过渡效果，但它不起作用。以下是我的CSS代码：
#内容#导航a:悬停{
颜色：黑色；
背景色：#AD310B；
/*火狐*/
-moz转换：所有1都容易进入；
/*网络工具包*/
-webkit过渡：所有1都易于使用；
/*歌剧院*/
-o型过渡：所有1都易于进入；
/*标准*/
过渡：所有1都容易进入；
}
#navdiv是一个菜单ul项目列表
据我所知，目前在Safari、Chrome、Firefox、Opera和InternetExplorer10+中都可以使用过渡
这将在以下浏览器中为您产生淡入淡出效果：
a{
背景色：#FF0；
}
a:悬停{
背景色：#AD310B；
-webkit过渡：背景色1000ms线性；
-ms过渡：背景色1000ms线性；
过渡：背景色1000ms线性；
}<；a>；导航链接</a>注意：正如Gerald在评论中指出的那样，如果将过渡设置在a上，而不是设置在a:hover上，则当鼠标离开链接时，它将褪色回原始颜色
这可能也会派上用场：CSS基础：CSS 3转换