如何显示由悬停隐藏的文本

Question

我的导航栏/菜单栏不显示，除非我把鼠标悬停在它上面。我想知道如何禁用这一点，以便导航/菜单栏始终显示。(这是我的tumblr布局http://buubbleguum.tumblr.com/)

代码如下:

#navi
{width:125px;
margin-left:180px;
opacity:1;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-out;-moz-transition: all 1.s ease-out;transition: all 1s ease-out;}
#nav:hover #navi
{margin-left:10px;}

谢谢!

Answer 1

删除左距和webkit过渡(因为如果没有左距则不需要过渡)

下面的代码应该可以工作

#navi{
width:125px;
opacity:1;
}
#nav:hover #navi
{margin-left:10px;}

Answer 2

你要做的是将菜单放置在悬停效果发生后的"最终"位置。

修改你的css为:{宽度:125 px;margin-left: 10 px;透明度:1;}