CSS背景位置更改-Chrome错误

Question

我正在对HTML页面进行编码，并注意到Chrome浏览器中的异常行为。

我有一个来自精灵图像的png箭头的自定义下拉菜单。 我要实现的目的是在下拉列表悬停并悬停时将箭头更改为另一个箭头。

我正在使用SASS准备我的精灵。 当下拉列表被打开或精灵图像的悬停background-position改变时。

在Chrome上关闭下拉菜单后，您可以同时看到旧箭头和新箭头。 看起来像这样：

Chrome版本：39.0.2171.99

这是下拉列表的工作示例 。

IE和Firefox看起来不错。 任何解决方法？

Answer 1

我找到了临时解决方法。

在元素上设置transform3d: (0,0,0) ， background-position发生变化即可解决该错误。