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

Question

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

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

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

我想做的是将文字和图片保持在顶部，并在按钮下方显示一些文字。谁能建议我怎么做？

Answer 1

1. 将悬停状态添加到父元素，将样式添加到子

   .parent .child {display: none} .parent:hover .child {display: block}

2. 请记住将要显示的文字放在图片前面（posistion：绝对或/和z-index操作）

Answer 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>