CSSを使用して、ホバー上に隠れたテキストを表示する方法

Question

ボタンの上にマウスを置いたときにテキストを表示するか、<a>タグを表示します。

例えば、私はいくつかのテキストでは、このボタンを持っている：

私はマウスがボタンの上に置いたときに、それを大きくするために管理している：

何Iテキストと画像を一番上に置き、ボタンの下にテキストを表示することです。誰も私はこれを行うかもしれない方法を提案することはできますか？

Answer 1

ないあなたはあなたのコードが含まれていなかったので、探しているものをthatsの場合は必ず...

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. あなたが絵の前（posistionに表示したいテキストを入れることを忘れないでください子供に親要素とスタイルに

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

2. をホバー状態を追加します。絶対パスまたは/およびZインデックス操作を）