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/

但是文本修饰对于文本来说工作正常，但它不适用于图像......！

我如何解决这个问题？

提前致谢....！

Answer 1

使用

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

Answer 2

从：改变：

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

到此：

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

text-decoration用于文字，border-bottom可用于所有内容。

图片工作的唯一与文本相关的CSS属性是text-align。