图像精灵悬停效果

Question

我正在尝试使用图像精灵为某些按钮创建一个非常简单的悬停效果。我按照在线教程中给出的说明进行操作，但不是演示中显示的细微悬停效果，而是获得滚动或翻转效果，因此看起来好像整个图像都被替换了。我知道这是发生了什么，但它不应该是这样的。

Answer 1

我已经设置了一个jsfiddle，其中包含您提供的信息和随机选择的图形：

http://jsfiddle.net/XK7ub/

当我悬停时，它会在用于链接背景的图像的两个部分之间切换。

此fiddle演示了一个更清晰的:hover：

#button:hover {
    background-position: 0 -40px;
}

不需要重新指定图像。它甚至可以简化为background-position-y: -40px;。