css - 在一个图像 css 上制作菜单栏开关位置

Question

所以在这里我试图将一些图像设置为我的菜单栏（在标题中），示例图像是：

这个想法是，在页面加载时，仅显示图像的上侧，但是，当图像在鼠标悬停时，图像将仅切换到下侧。这怎么可能？这是我试图做的，但它不起作用：

.from
{
width: 100%;
list-style: none;
height: 63px;
}
.from:active, .from:hover
{
background-position: 0px -63px;
}
.from:current
{
background-position: 0px 0px -63px;
}

知道如何正确执行此操作吗？请注意，我更喜欢 div 标签而不是 ul li 标签。哦，题外话，我也考虑在 twitter 引导程序上实现它，有什么好的建议吗？

Answer 1

    .from .from-1 a.current
{
background-position: 0px 0px ;
}

以 px 为单位的具有两个参数的背景位置。