2012-10-12 23 views
0

我有一个形象在我的页面,当我鼠标移到该图像text-decoration:underline;CSS属性不工作...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/

但文字装修工作正常的文本,但它不工作为图像...!

我该如何解决这个问题?

在此先感谢....!

回答

0

使用

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

Hi @Jawad ...谢谢你的回复....'border-bottom'也是一个很好的解决方案..但是,我想知道,为什么'text-decoration'不工作... –

+0

文本修饰用于文本 - 正如Mark在其他评论中所说的那样,与文本相关的唯一与图像相关的CSS属性是文本对齐。 –

0

变化来自:

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

这样:

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

text-decoration用于文本,border-bottom可用于一切。

通过图像工作的唯一与文本相关的CSS属性是text-align