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/

但是文本装饰适用于文本，但不适用于图像......！

我该如何解决这个问题？

提前致谢....！

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.