CSS object1:hover object2 {change property}

时间:2011-07-20 07:36:38

标签: css hover background-image css-sprites

我认为标题是所有内容的总和......

我有一个精灵图像,并在其上另一个图像(如图像框)。我想要的是当鼠标悬停在顶部图像上时将较低的图像背景移动到给定的坐标:/

换句话说,我不能让精灵在其上有另一个图像时工作。

有人可以帮忙吗?

这是我的开发服务器的直接链接,因此您可以看到:

kp77 =矿= NU〜pokop

=是。,和〜是/

现在我有一个jquery的解决方案,但我只想要纯CSS。我不能使用inline:hover伪类所以..

由于

2 个答案:

答案 0 :(得分:-1)

看这里CSS: Animation Using CSS Transforms

像这样的somtehing 翻译到右边:

a:hover
{
-webkit-transform: translate(3em,0);
 }

Firefox和Opera现在支持使用相同语法的这些转换。只需在示例中将-webkit替换为-moz和/或-o,您就会看到相同的效果

答案 1 :(得分:-1)

也许我不明白这个问题,但为什么不简单呢

a.fg:hover span:first-child {
    background-position: 0px 0px !important;
}

?这是the working CSS-only example,我认为,用JS

做你想要实现的目标