Chrome的位置是：固定和transformZ的錯誤

Question

看看this demo在FF和鉻，然後取出：

-webkit-transform:translateZ(0px);

FOM CSS，並在鉻再看看。

它也使得鉻身體容器與min-width:100%，削減內容（並非總是）。

我需要-webkit-transform:translateZ(0px);來防止在Chrome中出現奇怪的奇怪黑盒子，因爲一次使用transformX + Y來使用transformX + Y。

Answer 1

我就遇到了這個問題爲好。問題是，谷歌地圖的力量GPU合成在所有它的通過-webkit-transform: translateZ(0);

映射DOM元素要解決這個問題，你可以通過添加 -webkit-transform: translateZ(0);每個固定元素

強制在所有 固定定位元素GPU合成

jsfiddle演示：http://jsfiddle.net/plapier/QA7tK/

Answer 2

我有一個固定父容器內的谷歌地圖相同的問題。 Google地圖使用translateZ屬性。

我認爲它可能與此有關的錯誤，這似乎已經固定在beta版本：http://code.google.com/p/chromium/issues/detail?id=146894