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發生變化即可解決該錯誤。