在悬停时显示Css Transition

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;
}