CSS悬停图像位置改变

Question

我敢肯定它的东西超级愚蠢的，但我一直坚持了一段时间，现在......所以，我在网站上有图像，我希望他们继续前进小幅徘徊。

所以我在HTML：

<a href="someaddress"><img class="thumb" src="somefile"/></a> 

并在CSS：

img.thumb { 
    position:relative; 
    top:0px; 
    background:#333399; 

} 

img.thumb:hover { 
    position:relative; 
    top:5px;  
    background:#00CCCC; 

} 

背景是那里只是看到的东西是否正在发生。实际上，背景没有改变，所以悬停从未被考虑。有没有人有一个想法，为什么这可能是??

编辑

非常感谢，大家好！

我其实解决它通过在投掷：

a > img.thumb:hover { 
position:relative; 
top:2px; 
} 

哪些工作。不过也不清楚为什么它不只是img.thumb工作：悬停......

Answer 1

这里是solution。

的HTML：

<div> 
<a href="someaddress"><img class="thumb" src="http://www.google.co.in/images/srpr/logo4w.png"/></a> 
</div> 

的CSS：

img.thumb { 
    position:relative; 
    top:0px; 

} 

img.thumb:hover { 
    position:relative; 
    top:5px;  
    background:#00CCCC; 

} 

我希望这有助于。

Answer 2

您的代码应该工作，我在这里检查的话：http://cssdesk.com/XcV2D

一些其他风格应该影响...