0

有没有人见过这个

http://www.duimpiesemaat.com/cherie/

整个浏览器（仅 chrome）闪烁到我实际上可以看到我的桌面在它后面但只有一瞬间的地步？

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

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

我没有发布代码，因为它有很多，我不知道要发布什么部分。希望有人能在遇到类似问题后立即识别出问题

顺便说一句，该网站仍处于试验阶段。我有一个客户想要一个 Flash 网站。由于苹果/闪存抵制，我建议不要这样做。所以现在我在 css 中玩类似 flash 的行为。

因此，如果有人以前看过这个或知道可能导致这种情况的特定 css，请让我知道，因为我很困惑。

4

1 回答 1

4

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

  • 添加-webkit-backface-visibility: hidden;到闪烁的元素
  • 添加-webkit-transform-style: preserve-3d;到闪烁的元素
  • 添加-webkit-transform: translate3d(0, 0, 0);到所有它的 clildren 元素（如果有）

对于字体，您可以尝试：

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

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

于 2017-03-27T12:32:16.567 回答