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

Question

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

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

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

我想要做的是保持文本和图像在顶部，并在按钮下方显示一些文本。任何人都可以建议我如何做到这一点？

Answer 1

不知道如果多数民众赞成你正在寻找的，因为你不包括你的代码...

什么

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>

Answer 2

1. 添加悬停状态父元素和风格，以孩子

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

2. 记得把你想在图片前面显示文本（posistion：绝对或/和z-index的操作）