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

标签 css google-chrome

不幸的是,我无法在 JSFiddle 或其他方式中重现它,当我这样做时它可以正常工作。从那里我仍然无法缩小范围以找出造成它的原因。这是开发站点的链接:

http://dev.fusion-inc.net

这个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/

相关文章:

javascript - 使用 jquery 向下滚动后表未固定在顶部

CSS:具有绝对定位的下拉菜单

html - 将两种属性颜色和字体大小应用于同一选择器

css - 输入 "No file chosen"标题的 Chrome CSS 问题不是继承填充?

Javascript createElement() 在 Chrome 中不工作

css - 如何在两边添加边距并将段落中的文本居中?

javascript - 使用 Jquery 添加边框

javascript - 如何获取用户访问的任何新网站的 URL?

javascript - 选中的复选框不适用于扩展 chrome

javascript - 为什么此代码在 Safari 中有效,但在 Chrome 中无效?啊啊