css - 谷歌浏览器无法正确呈现页面

Question

这是链接 http://demo.elxer.com/new_eco/

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

Answer 1

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

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

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

<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);">

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

Answer 2

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

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

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