CSS位置修复了滚动时在chrome中的奇怪渲染

我有一个固定在屏幕顶部的元素，z索引为100。当我在Chrome中向上滚动页面（OS X上为V.21.0.1180.82，Windows上为V.21.0.1180.83 m）时，我注意到一个呈现问题，如下所示：

更新：
我注意到，每当固定元素在向上滚动过程中通过一个新的

…

时，渲染问题就会出现。Chrome似乎存在一些与HTML5标记相关的问题，如

..

或

..

。将这些更改为

…

解决了渲染问题，无论如何，我仍然希望继续使用HTML5标记

有人知道解决这个问题的“黑客”吗

---

在那之前，我将尝试创建一个可复制的代码示例，并将一个bug提交到。

问题的原因，其中固定元素中不透明度为0的元素。将这些设置为显示：无解决了这个问题。

尤其是对于最新的浏览器版本（55.0.2883.87 m（64位）） 我补充说：

-webkit-transform: translateZ(0);

---

你能设置一个JSFIDLE吗？或者展示一个真实的例子？是的。我还想要JSFIDLE或真实的例子。你用top:0px定位了它吗？请添加更多信息…@bažmegakap有很多代码（不是我的），很难展示一个示例，我会看看我能做些什么来提供更多细节。@Lego没有示例很难说。还没有在任何其他浏览器/操作系统组合上体验过吗？有人是怎么找到这种解决方案的：我非常感谢你。我处理了完全相同的问题，这就解决了它。