Css 背景保持'；它在重复自己，即使没有重复

按钮{
背景：#fff；
填充：0px；
边框：1px实心#ddd；
光标：指针；
大纲：无；
宽度：140px；
高度：47px；
颜色：#444；
}
费夫先生{
宽度：70px；
高度：50px；
背景：url(https://cssanimation.rocks/assets/images/posts/steps/twitter_fave.png)不重复；
背景位置：0；
填充：15px 50px；
}
费夫：悬停{
背景位置：-3519px 0；
过渡：背景1s步骤（55）；
}

---

全部保存

我有一个调整css和HTML的小程序：演示

按钮{
背景：#fff；
填充：0px；
边框：1px实心#ddd；
光标：指针；
大纲：无；
宽度：140px；
高度：47px；
颜色：#444；
}
.下一个{
填充：15px 3px；
浮动：左；
}
费夫先生{
浮动：左；
宽度：54px；
高度：50px；
背景：url(https://cssanimation.rocks/assets/images/posts/steps/twitter_fave.png)不重复；
背景位置：0；
}
按钮：悬停{
背景位置：-3519px 0；
过渡：背景1s步骤（55）；
}

拯救一切

我只看到一张星星图像，没有更多。我用的是Chrome。@Harry你可以在

悬停后看到重复的背景。@Manwal:即使在悬停时，我也只能看到一颗金星。@Harry不敢相信我的眼睛，悬停后我可以看到两颗启动。@Harry所以当你悬停在上面时，你只能看到左边的一颗星星在做动画？谢谢！很好用！