css - CSS 背景位置更改 - Chrome 错误

Question

我正在编写 HTML 页面并注意到 Chrome 浏览器中的奇怪行为。

我有一个带有png箭头的自定义下拉菜单，它来自精灵图像。我想要实现的是在打开并悬停下拉菜单时将箭头更改为另一个。

我正在使用 SASS 来准备我的精灵。当下拉菜单打开或悬停background-position时精灵图像更改。

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

铬版本：39.0.2171.99

这是dropdown 的一个工作示例。

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

Answer 1

我找到了临时解决方法。

在元素上设置transform3d: (0,0,0)，background-position改变解决了这个错误。