在鼠标悬停在菜单上时为子菜单添加悬停效果

Question

如何在悬停在menulink上时添加转场/其他悬停效果？

代码：http://www.tutorialrepublic.com/codelab.php?topic=faq&file=show-hide-dropdown-on-mouse-hover

[尝试将鼠标悬停在＆＃34;产品子菜单＆＃34;]

上

THX！

P.S。：我试图添加一些css3过渡但没有发生..：/

Answer 1

当鼠标悬停时，

子菜单会淡入淡出

   ul li ul{
      opacity:0;
      transition:opacity 2s ease-in-out;
   }

   ul li:hover ul{
      opacity:1;
   }

不要使用display：none和block。改为使用不透明度。