CSS 背景位置更改 - Chrome 错误

Posted 2023-03-05

【中文标题】CSS 背景位置更改 - Chrome 错误

【英文标题】：CSS background-position change - Chrome bug

【发布时间】：2015-03-21 10:53:34

【问题描述】：

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

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

我正在使用 SASS 来准备我的精灵。 当下拉菜单打开或悬停background-position 时，精灵图像会发生变化。

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

Chrome 版本：39.0.2171.99

这是working example of dropdown。

IE 和 Firefox 看起来不错。 有什么解决方法吗？

【参考方案1】：

我找到了临时解决方法。

在元素上设置transform3d: (0,0,0)，background-position 更改可以解决错误。