キャプチャが表示されないようにアイコンをホバーオーバーで表示する

Question

画像のアイコンが一列に並んでいるので、それらの上にマウスを置くとわずかに上に移動し、タイトルのすぐ下にフェードインしますアイコン。私は正常に自分のサイト上でこれを行うことができた（それにリンクすることはできません、申し訳ありません）、私はアイコンの下の中央にテキストを取得し、レイアウトには影響しません。 position：absoluteを使用してタイトルの位置付けを試みましたが、アイコンの下のテキストをアンセンタリングします。絶対配置がなければ、フェードインするとレイアウトの残りの部分がネジ止めされます。私は手動で絶対位置を使って各ラベルを配置しますが、私たちのWebアプリケーションは国際化されているので、単語の長さが異なるため、これは動的である必要があります。私は何をしているのかを表示するためにjsfiddleを作成しようとしましたが、明らかにホバーはその中で動作しません。

http://jsfiddle.net/QYDmM/

は、誰かが助けることを願って！

Answer 1

このjsfiddleを参照してください：私は何が変わったhttp://jsfiddle.net/RikudoSennin/QYDmM/3/

は、私はjQueryのに新しい行を追加し、.icon-holderにposition: relative;を追加です。