Css 铬位置固定打破与三维变换

我基本上有一个固定的标题和一个包含大量3d转换的内容区域

<header style="position: fixed; top: 0; left: 0">
</header>

<div class="isotope">
   // 3d transforms happen here
</div>

//三维变换发生在这里

我这里有把小提琴-

小提琴看起来不错，但是如果您从iframe复制“result”html并在Chrome/Canary中作为文档运行，那么您将看到问题

如果在下启用“合成渲染层边界”，也会有所帮助chrome://flags/

基本上，当你滚动并且固定标题在3d图层上时，chrome也会使其成为3d图层，并破坏样式/布局

请注意，固定标题现在是如何缩进的，并已成为三维图层

---

同样适用于FF、IE等。这是一个已知的错误，我可以做些什么来阻止这种情况发生？

您可以尝试在“断开”元素的容器上添加以下样式：

-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

---

你使用的是什么版本的chrome？正在运行28.0.1500.71，并且与is.Im没有任何问题，运行28.0.1500.72版。其他人也说他们没有遇到问题，这让我认为这是GPU/驱动程序的问题？我也没有看到任何问题，我正在运行28.0.1500.95