幻灯片导致奇怪的图形故障

时间:2013-09-26 15:44:11

标签: css css3 google-chrome

不幸的是,我无法在JSFiddle或其他方面重现这一点,当我这样做时,它只是正常工作。从那里我仍然无法缩小它以找出导致它的原因。以下是开发站点的链接:

http://dev.fusion-inc.net

此错误仅在Chrome中可见,我使用的是最新版本,问题仍然出现在以前的版本上(我今天早上刚刚更新)。

仔细观察主页内容中的链接,当图像滑块转换时,您将看到链接文本的更改。这几乎就像抗锯齿以某种方式改变并导致文本变得更加微弱。您可能需要放大才能看到它。

知道是什么导致了这个吗?我完全难以理解,我唯一可以想到的是滑块动画渲染中的一些东西是调整一些消除锯齿或导致字体移动的东西。甚至youtube和页脚中的图像链接都有同样的问题。

1 个答案:

答案 0 :(得分:0)

#content * {-webkit-backface-visibility: hidden;}

以上修正了感谢聊天中的某人。

类似的问题应该引用此链接:Prevent flicker on webkit-transition of webkit-transform