如何显示被悬停隐藏的文本答案

【问题标题】：How to display text that is hidden by hover如何显示被悬停隐藏的文本
【发布时间】：2014-03-11 13:46:20
【问题描述】：

除非我将鼠标悬停在它上面，否则我的导航/菜单栏不会显示。我想知道如何禁用它，以便始终显示导航/菜单栏。（这是我的 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;}

谢谢！

【问题讨论】：

标签： html hover transition hidden

【解决方案1】：

移除 Margin Left 和 webkit 过渡（因为如果没有剩余边距则不需要过渡）

下面的代码应该可以工作

#navi{
width:125px;
opacity:1;
}

#nav:hover #navi
{margin-left:10px;}

【讨论】：

【解决方案2】：

您要做的是将菜单放置在其“最终”位置，就像悬停效果发生后一样。

将您的 CSS 更改为： {宽度：125px;左边距：10px；不透明度：1;}

【讨论】：