如何使用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的操作）