css - CSS 翻转精灵

Question

我以前使用过这个效果，一切都井井有条（据我所知），但它只是不起作用。我错过了什么？

谢谢。

score 4 · Accepted Answer

由于您的精灵是水平排列的，因此您需要像这样偏移悬停状态：

element:hover {
background-position: -77px 0;
}

score 1 · Accepted Answer

您的背景偏移似乎是错误的 - 而不是 0 77px（这是一个 y 偏移，沿着错误的轴），尝试 -77px 0。

score 1 · Accepted Answer

1

只是改变

background-position: 0 77px;

到

background-position: -77px 0;

于 2010-04-14T10:23:23.217 回答

score 0 · Accepted Answer

0

嗯，您的背景位置正在调整顶部起始位置而不是左侧起始位置？

于 2010-04-14T10:21:25.430 回答

4 回答 4