chrome闪烁css变换

以前有人见过这个吗

整个浏览器（只有chrome）都在闪烁，我可以在它后面看到我的桌面，但只有一瞬间

有4个笑脸按钮触发css转换。它不会每次都持续发生，因此您必须将鼠标悬停在按钮上方，以触发动画几次

我读过其他一些关于类似情况的帖子，但没有一篇描述这种情况

我没有张贴的代码，因为有很多，我不知道什么部分张贴。他希望有人能在遇到类似问题后马上意识到这个问题

顺便说一句，这个网站仍然是实验性的。我有一个客户想要一个flash站点。因为苹果/闪存的抵制，我建议不要这样做。所以现在我在css中玩类似flash的行为

---

因此，如果有人以前见过这一点，或者知道可能导致这一点的css的某个特定部分，请让我知道，因为我感到困惑。

由于您正在使用css，您可以尝试以下几点：

• 添加

  -webkit背面可见性：隐藏到闪烁的元素

• 添加

  -webkit变换样式：preserve-3d到闪烁的元素

• 添加

  -webkit转换：translate3d（0,0,0）到它的所有clildren元素（如果有）

对于字体，您可以尝试：

html,body {
    -webkit-font-smoothing: antialiased;
}

---

此外，由于问题发生在悬停过程中，建议您使用

：hover

选择器

由于您使用的是css，因此您可以尝试以下几点：

• 添加

  -webkit背面可见性：隐藏到闪烁的元素

• 添加

  -webkit变换样式：preserve-3d到闪烁的元素

• 添加

  -webkit转换：translate3d（0,0,0）到它的所有clildren元素（如果有）

对于字体，您可以尝试：

html,body {
    -webkit-font-smoothing: antialiased;
}

---

此外，由于您的问题发生在悬停期间，建议您使用

：hover

选择器

其称为视差背景是的，我知道，当我悬停css动画时，我的图标是我的浏览器屏幕（chrome）的闪烁。其称为视差背景是的，我知道，我的图标是我的浏览器屏幕（chrome）的闪烁当我悬停css动画时