Chrome 固定元素和溢出隐藏的渲染问题
Chrome rendering issue with fixed element and overflow hidden
我有一个固定的水平菜单，在 firefox 上运行良好，但在 chrome 的某些实例中出现问题。当用户向下滚动时，白色块会覆盖菜单。
你可以在这里看到问题：http://brandca.co/cterranum/
我们已经检查了这些元素，但它在代码中似乎没有任何问题，看起来更像是一个渲染问题。
我们注意到，当我们擦除元素的 overflow:hidden 时，问题就解决了，但我们需要这个 属性 来切换菜单。
我们无法确定它发生的确切时间，因为它看起来只发生在某些计算机上，即便如此，正确呈现网站的计算机在投影屏幕上进行演示时也发生了问题。
元素有 "position: absolute;" 并且里面有 .inner-header 有 "position: fixed;".
尝试将“.inner-header”移到“.header”之外。
固定元素以某种方式破坏了 webkit 的渲染，因此我将元素变为 position: absolute 并在滚动事件中更新了 top 值，因此它看起来像是固定的。它不漂亮，但它有效。
我有一个固定的水平菜单，在 firefox 上运行良好，但在 chrome 的某些实例中出现问题。当用户向下滚动时，白色块会覆盖菜单。
你可以在这里看到问题：http://brandca.co/cterranum/
我们已经检查了这些元素，但它在代码中似乎没有任何问题，看起来更像是一个渲染问题。
我们注意到，当我们擦除元素的 overflow:hidden 时，问题就解决了，但我们需要这个 属性 来切换菜单。
我们无法确定它发生的确切时间，因为它看起来只发生在某些计算机上，即便如此，正确呈现网站的计算机在投影屏幕上进行演示时也发生了问题。
元素有 "position: absolute;" 并且里面有 .inner-header 有 "position: fixed;".
尝试将“.inner-header”移到“.header”之外。
固定元素以某种方式破坏了 webkit 的渲染，因此我将元素变为 position: absolute 并在滚动事件中更新了 top 值，因此它看起来像是固定的。它不漂亮，但它有效。