chrome flicker css transform

时间:2013-07-26 02:42:38

标签: css google-chrome flicker

之前有人见过这个

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

整个浏览器(只有chrome)闪烁到我可以实际看到我的桌面背后的那一点,但只是一瞬间?

有4个笑脸按钮可触发css变换。每次都不会发生这种情况,所以你必须将鼠标悬停在按钮上以触发动画几次

我已经阅读了其他类似情况的帖子,但没有一篇描述过这种情况。

我不发布代码,因为它有很多,我不知道发布什么部分。我希望有人能够直接认识到这个问题

顺便说一句,该网站仍然是非常实验性的。我有一个想要一个Flash网站的客户。我建议反对它,因为苹果/闪电抵制。所以现在我正在玩css中的flash行为。

所以如果有人之前已经看过这个或知道可能导致这种情况的特定css,请告诉我,因为我感到困惑。

1 个答案:

答案 0 :(得分:2)

由于您使用的是CSS,因此您可以尝试以下几种方法:

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

对于字体,您可以尝试:
html,body {
-webkit-font-smoothing: antialiased;
}

此外,由于您在悬停期间出现问题,建议您使用:hover选择器