CSS - 文本修飾不工作的圖像

我有一個形象在我的頁面，當我鼠標移到該圖像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; 
}

但文字裝修工作正常的文本，但它不工作爲圖像...！

我該如何解決這個問題？

在此先感謝....！

使用

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

2012-10-12 11:51:46 Jawad

Hi @Jawad ...謝謝你的回覆....'border-bottom'也是一個很好的解決方案..但是，我想知道，爲什麼'text-decoration'不工作... –

文本修飾用於文本 - 正如Mark在其他評論中所說的那樣，與文本相關的唯一與圖像相關的CSS屬性是文本對齊。 –

變化來自：

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

這樣：

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

text-decoration用於文本，border-bottom可用於一切。

通過圖像工作的唯一與文本相關的CSS屬性是text-align。

2012-10-12 14:05:18 Mark

回答