Chrome 显示错误答案

【问题标题】：Chrome display bugChrome 显示错误
【发布时间】：2012-08-11 06:49:07
【问题描述】：

我遇到了一个类似于旧的 IE peekaboo 错误的问题。有些文本在其他所有浏览器中都是可见的，但在 Chrome (v. 21.0.1180.77 m) 中它是隐藏的，直到在开发者工具中突出显示或查看，此时它才能正常显示。

还有其他人看过吗？有什么解决办法吗？

文字缺失：

_{（来源：116state.com）}

突出显示或检查元素后的文本：

_{（来源：116state.com）}

【问题讨论】：

其显示的 id 铬 21.0.1180.57
好吧，希望这是一个非常短暂的问题，不会被很多人看到。我希望我知道解决这个问题。今天刚刚启动该网站，它以错误的方式激怒了我的完美主义。
听起来像一个 webkit 问题。我会采用您突出显示的元素，并在带有其 css 的干净测试页面上尝试它。尝试 jsfiddle 它，看看问题是否可以轻松重现。然后，您可以在上面打开一个错误并帮助我们改进 webkit。
目前还不确定，但我相信这个错误与我在滑块上使用的 Bootstrap Carousel 插件有关。它只出现在这个版本的 Chrome 中，所以它可能仍然是一个 webkit 的 bug。

【解决方案1】：

在 chrome 23.0.1271.64 中存在相同类型的错误...尚不确定我是否已将其修复，但以以下形式对元素应用良性仿射变换：

element {
    -webkit-transform: matrix(1.0, 0.0, 0.0, 1.0, 0.00, 0.01);
}

似乎已经解决了你的问题……ymmv，祝大家好运……

【讨论】：

澄清-元素==元素溢出：自动就可以了-iow，滚动的那个，而不是其中显示的那个，抱歉没有完全清楚...错误弹出我在带有“溢出：自动”的元素内 - 滚动时某些内容保持静止，直到您在元素内单击...

【解决方案2】：

这可能与 Chrome 中的固定位置错误有关。

看这里：

建议将 -webkit-transform: translateZ(0) 添加到 position: fixed 元素。

它对我有用。

【讨论】：

遇到了类似的问题。我的 JS 替换了 DIV 的内容，但 Chrome（仅 Chrome）的新内容与旧内容重叠，难以阅读。当我单击并拖动光标到它上面以突出显示，然后单击空白以取消突出显示时，一切看起来都是正确的。我在 DIV 上使用了 -webkit-transform: translateZ(0) ，它解决了问题！