WordPress的CSS導航菜單懸停淡入淡出效果

我的WordPress網站導航菜單直接彈出一個子菜單，你可以幫我與它的CSS順利流行起來，並在子菜單淡入上WordPress的CSS導航菜單懸停淡入淡出效果

像這樣的例子：

我試圖在WordPress的，但它沒有工作

我嘗試這樣做，沒有工作

.main-navigation ul li ul.sub-menu 
{ 
transition: all 0.6s ease; 
    -webkit-transition: all 0.6s ease; 
    -moz-transition: all 0.6s ease; 
    -ms-transition: all 0.6s ease; 
    -o-transition: all 0.6s ease; 
} 
.main-navigation ul.sub-menu:hover 
{ 
opacity: 1; 
    height: auto; 
    overflow: none; 
}

這裏是我的CSS的WordPress的菜單導航

{

.main-navigation { 
    margin-top: 24px; 
    margin-top: 1.714285714rem; 
    text-align: center; 
} 

.main-navigation li { 
    margin-top: 24px; 
    margin-top: 1.714285714rem; 
    font-size: 12px; 
    font-size: 0.857142857rem; 
    line-height: 1.42857143; 

} 
.main-navigation a { 
    color: #5e5e5e; 
} 


.main-navigation a:hover { 
    color: #21759b; 
} 

.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul { 
    display: none; 

} 
.main-navigation ul.nav-menu.toggled-on, 
.menu-toggle { 
    display: inline-block; 

} 
</i>

來源

2014-03-25 user3460695

動畫效果的工作對我來說在Chrome上的Mac – chris

任何理由''在你的CSS結尾？ – redleaf

你的造型兩種不同的元素

」。主要的導航UL李ul.sub -menu「不等於」.main-navigation ul.sub-menu：hover「

當你修復這個bug，如果它不工作，嘗試使用「易於進出」，而不是「緩解」

來源

2014-03-25 16:58:21 AndrePliz

WordPress的CSS導航菜單懸停淡入淡出效果

回答

相關問題