我遇到了一个问题，我的css3转换会影响页面上的其他元素，甚至导致它们闪烁。我看到了另一篇关于此的文章，但他们没有解决该问题的方法。
http://scosha.mybigcommerce.com/w107b/当您在导航上滚动时，会看到一个动画的css3转换。它在Firefox中可以正常工作而不会闪烁，但是对于chrome和safari，效果非常明显，您可以在下拉菜单项和页脚文本中看到它。
最佳答案
这是a known issue，在Chrome 22(显然是Safari)上使用Macintosh文本呈现。 GPU加速导致MacOS从亚像素切换到灰度抗锯齿，这使得字体粗细似乎明显降低。
更新:
如以下OP所述，解决方法是应用 -webkit-font-smoothing: antialiased -始终应用灰度抗锯齿。如果这样做，由于灰度抗锯齿文字看起来比亚像素细得多，因此您可能想在所有位置增加字体粗细
您可以通过应用一些属性来获得相同的效果，这些属性会导致内容始终被GPU加速(例如，背面可见性:隐藏)，但是由于不能保证在 future 的浏览器版本中这些属性会导致GPU加速-将来可以证明只需指定灰度即可。
关于css - CSS3转换会影响Chrome/Safari的其他元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12827135/