如何使用 CSS 在悬停时显示隐藏的文本答案

【问题标题】：How to show hidden text on hover using CSS如何使用 CSS 在悬停时显示隐藏的文本
【发布时间】：2017-09-05 07:53:34
【问题描述】：

我想在鼠标悬停在按钮或<a> 标记上时显示文本。

例如，我有一个带有一些文字的按钮：

当鼠标悬停在按钮上时，我设法使它变大：

我想做的是将文本和图像保持在顶部，并在按钮下方显示一些文本。谁能建议我如何做到这一点？

【问题讨论】：

发布代码..

标签： html css button hover

【解决方案1】：

为父元素添加悬停状态，为子元素添加样式

.parent .child {display: none} .parent:hover .child {display: block}
记得把要显示的文字放在图片前面（位置：绝对或/和z-index操作）

【讨论】：

【解决方案2】：

由于您没有包含代码，因此不确定这是否是您要查找的内容...

div {
  display: none;
  margin-left: 10px;
}

a:hover+div {
  display: block;
}

<a><img src='http://vignette1.wikia.nocookie.net/planetside2/images/4/4d/Scythe_Side_View_Icon.png/revision/latest?cb=20130426065845'></a>
<div>Display Whatever</div>

【讨论】：

谢谢 :) 这正是我所需要的 :)
@DestHappy 在这种情况下你可以接受答案:)