【问题标题】:CSS background-position change - Chrome bugCSS 背景位置更改 - Chrome 错误
【发布时间】:2015-03-21 10:53:34
【问题描述】:

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

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

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

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

Chrome 版本:39.0.2171.99

这是working example of dropdown

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

【问题讨论】:

    标签: css google-chrome dropdownbox background-position browser-bugs


    【解决方案1】:

    我找到了临时解决方法。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-03-15
      • 1970-01-01
      • 2013-01-06
      • 1970-01-01
      • 1970-01-01
      • 2012-09-22
      • 1970-01-01
      相关资源
      最近更新 更多