Chrome渲染问题，固定元素和溢出隐藏

Question

我有一个固定的水平菜单，适用于Firefox，但它在某些Chrome实例中出现问题。当用户向下滚动时，白色块覆盖菜单。

您可以在此处查看问题：http://brandca.co/cterranum/

我们检查了这些元素，但它似乎不是代码中的任何内容，看起来更像是渲染问题。

我们注意到，当我们删除元素overflow:hidden时问题已解决，但我们需要此属性来切换菜单。

我们还没能确切地确定它何时发生，因为它看起来只发生在某些计算机上，即便如此，网站正确呈现的计算机也会在投影屏幕上显示问题。

Answer 1

固定元素以某种方式搞砸了webkit的渲染，因此我将元素转换为position: absolute，并在滚动事件中更新顶部值，使其看起来像是固定的。它不漂亮但它有效。

Answer 2

元素有“位置：绝对;”在它里面有.inner-header，它有“position：fixed;”。

尝试在“.header”之外移动“.inner-header”。