【问题标题】:Adding hover effects for submenu when hovering on menu悬停在菜单上时为子菜单添加悬停效果
【发布时间】:2014-11-08 05:30:42
【问题描述】:

如何在菜单链接上悬停时添加过渡/其他悬停效果?

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

[尝试将鼠标悬停在“产品子菜单”]

谢谢!

P.S.:我尝试添加一些 css3 过渡,但没有任何反应..:/

【问题讨论】:

    标签: css menu hover


    【解决方案1】:

    悬停时子菜单会淡入淡出

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

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

    【讨论】:

    • 我想在“产品”菜单上悬停时更改“.kenyer” div 的过渡和悬停效果
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-05
    • 1970-01-01
    • 2013-06-24
    • 1970-01-01
    • 1970-01-01
    • 2016-11-27
    相关资源
    最近更新 更多