3

我确定这是非常愚蠢的事情，但我已经被困了一段时间，现在......所以，我在网站上有图像，我希望它们在悬停时稍微移动。

所以我在 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:hover ...

4

2 回答 2

1

这是解决方案。

的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;

}

我希望这有帮助。

于 2013-05-07T09:45:08.993 回答
0

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

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

于 2013-05-07T09:46:32.060 回答