在一个图像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 bootstrap上实现它，对此有任何好的建议吗？

Answer 1

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

px中有两个参数的背景位置。