易於轉換的子菜單

Question

我爲我的WordPress博客使用二十四個主題。

這是一個仍在開發中的旅遊博客......雖然沒有介紹內容。

無論如何，我在主菜單上有一個子菜單。

該網站是： http://www.journeywithandrew.com/

因此，如果您滾動在「世界遺產地評論& INFO」菜單上，你會看到一個子菜單會出現兩個項目：「地圖視圖」和「列表視圖「

我的問題是：我在主菜單上使用css easing-in背景效果，就像您將鼠標懸停在菜單項上時看到的一樣。然而，子菜單並沒有緩解 - 它剛剛出現。

我想子菜單也緩解主菜單（0.3秒）

任何想法的過渡時間相匹配？我試圖使用chrome的開發工具將CSS代碼插入到地方，但沒有任何工作。

謝謝！

代碼：

a { 
    -o-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out; 
    -ms-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out; 
    -moz-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out; 
    -webkit-transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out; 
    transition:color .3s ease-out, background .3s ease-in, border .3s ease-in-out; 
} 

Answer 1

CSS屬性attibute auto不是過渡性質spported一個不錯的選擇將是使用不透明

.primary-navigation ul li:hover > ul, .primary-navigation ul li.focus > ul{ 
     opacity:1; 
    } 

    .primary-navigation ul ul{ 
    transition:all 0.3s ease 0s; 
    opacity:0; 
    }