css - CSS - 画像のテキスト装飾が機能しない

Question

ページに画像があり、その画像の上にマウスを置くとtext-decoration:underline; cssプロパティが機能しません...

<div class='imgover'>
   click me<img  src='http://www.google.co.uk/images/srpr/logo3w.png' alt='Img' />
</div>

css クラスを以下に示します。

.imgover:hover
{    
    text-decoration:underline;
}

このリンクを参照してくださいhttp://jsfiddle.net/smanimani/cwnwK/1/

text-decoration はテキストに対しては正常に機能していますが、画像に対しては機能していません...!

どうすればこれを解決できますか?

前もって感謝します....！

Answer 1

から変更する ：

.imgover:hover {    
  text-decoration:underline;
}

これに：

.imgover:hover {     
  border-bottom: 1px solid #000; 
}

text-decorationはテキストにborder-bottom使用され、すべてに使用できます。

画像で機能するテキスト関連の CSS プロパティはtext-align.

Answer 2

使用する

.imgover:hover 
{     
border-bottom: 1px solid red; 
}