代码之家 › 专栏 › 技术社区 › Kyle

CSS滚动精灵

rollover sprite css

0

Kyle · 技术社区 · 15 年前

我以前用过这种效果,一切都很正常(据我所见),但它不起作用。我错过了什么?

谢谢。

4 回复 | 直到 15 年前

1

4

kingjeffrey 15 年前

因为您的精灵是水平排列的,所以您需要像这样偏移悬停状态:

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

2

1

Joris Timmermans 15 年前

您的背景偏移似乎是错误的-而不是0 77px(这是一个Y偏移,沿着错误的轴),请尝试-77px 0。

3

1

oezi 15 年前

只是改变

background-position: 0 77px;

到

background-position: -77px 0;

4

0

Damien_The_Unbeliever 15 年前

嗯,你的背景位置是调整上起始位置而不是左起始位置?

推荐文章

AtomiCookiez · 关于如何创建类似instagram的图像馈送网站的想法,也可以滚动

8 年前

Gurdeep · 雪碧是缩放而不是裁剪

9 年前

BennyHilarious · 使用setMonth时的Javascript日期问题

10 年前

jfar_2020 · 将链接添加到滚动脚本

11 年前