Css 最初在精灵图像内单个gif中向上箭头和向下箭头的位置

我用sprite css图像替换了下拉箭头。我可以向上显示箭头，但不能向下悬停箭头图像（左下角），因为它是单个gif图像：

---

有什么建议吗？我是否需要将arrow up和hover arrow down剪切为2 png，然后放入不同背景位置的sprite图像中？

您的示例非常奇怪，您显示了一些不同的图像，您使用的是一些不同的图像，在提供的2幅图像中没有向上箭头图像。请查看arrow-down.gif。它包括顶部的向上箭头和左底部的向下箭头。例如，请看一下：

#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
background: url(http://www.bestjob.my/mod/CSS/sprites/spriteme2b.png) no-repeat;background-position: 0px -37px; 
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
background-position: left bottom !important;
}