如何显示悬停隐藏的文本

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更改为：     {宽度：125px;保证金左：10px的;不透明度：1;}