谷歌浏览器无法正确呈现页面答案

【问题标题】：Google chrome not rendering page correctly谷歌浏览器无法正确呈现页面
【发布时间】：2013-03-13 06:51:09
【问题描述】：

谷歌浏览器中的标题（页面的菜单和徽标部分在滚动时未正确重新构造）... 它与其他浏览器和一些谷歌浏览器版本一起工作正常我目前正在使用谷歌浏览器版本版本 25.0.1364.152 m，请帮助。可能是一些css问题，也可能是jquery或浏览器渲染问题，我已经尝试了很多搜索但找不到任何答案。

【问题讨论】：

我看不出问题。您能否显示预期外观的屏幕截图和另一个问题。
我在 Chrome 和 Firefox 之间看到的唯一细微差别是 chrome 为菜单的字体设置了稍微不同的权重，导致 :hover 略有变化 - 这是您要描述的问题?
Chrome 在滚动时会显示部分菜单。现代网页设计的好处之一。 ;-)
它在 Chrome 25.0.1364.160 (mac) 中运行良好
看起来像 chrome 的错误。 +1 用于研究。

标签： css google-chrome rendering

【解决方案1】：

恐怕您无能为力。有时唯一能帮到我的就是强制使用 3D 模式

-webkit-transform: translate3d(0, 0, 0);

我尝试将其设置为#overlay 下的 div：

<div style="position: relative; top: 0px; min-width: 1150px; max-width: 1280px; height: 4245px; overflow: hidden; margin:0 auto; -webkit-transform: translate3d(0, 0, 0);">

这对我有用，但带来了另一个宽度问题。也许这更容易解决。

【讨论】：

【解决方案2】：

它对我有用，谢谢，只需将 -webkit-transform: translate3d(0, 0, 0); 添加到 div#overlay。实际上div#overlay 是罪魁祸首，但可惜它与标题的任何部分无关。我让它由谷歌团队检查。

检查此工作链接 http://demo.elxer.com/eco_new/

很抱歉使用您的代码并复制它。邻居:)

【讨论】：