在懸停上顯示Css轉換

Question

我想讓引導菜單下拉式轉換其不透明度，我非常接近，但它只是不正常工作我看了很多的例子，這就是我所想到的：http://jsfiddle.net/StudentRik/o642hw2e/

我希望當鼠標懸停在a標記上時出現下拉菜單，當您位於a標記的底部時，由於position而出現我怎麼能做到這一點？

Answer 1

試試看。

li.dropdown > .dropdown-menu{ 
    display: block; 
    position: absolute; 
    top: 17px; 
    left: 0; 
} 

li.dropdown > .dropdown-menu{ 
    opacity: 0; 
    transition: opacity .5s ease-in-out; 
} 

li.dropdown:hover > .dropdown-menu{ 
    opacity: 1; 
}