不幸的是,我无法在 JSFiddle 或其他方式中重现它,当我这样做时它可以正常工作。从那里我仍然无法缩小范围以找出造成它的原因。这是开发站点的链接:
这个bug只在Chrome中可见,我用的是最新版本,在之前的版本上仍然出现这个问题(我今天早上刚更新)。
仔细观察主页内容中的链接,当图像 slider 转换时,您会看到链接文本发生变化。就好像抗锯齿以某种方式发生了变化,导致文本变得更薄了一点。您可能需要放大才能看清楚。
知道是什么原因造成的吗?我完全被难住了,我唯一能想到的是 slider 动画渲染中的某些东西正在调整一些抗锯齿或导致字体稍微移动的东西。即使是 youtube 和页脚中的图像链接也有同样的问题。
最佳答案
#content * {-webkit-backface-visibility: hidden;}
感谢 Chat 中的某个人,以上修复了它。
类似问题引用此链接:Prevent flicker on webkit-transition of webkit-transform
关于css - 幻灯片导致奇怪的图形故障,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19032764/