Chrome位置：固定和transformZ錯誤

Question

在FF和Chrome中查看此演示 ，然后刪除：

-webkit-transform:translateZ(0px);

Fom css，再看看Chrome 。

它還使得Chrome機身容器的min-width:100% ，切割內容（並非總是如此）。

我需要-webkit-transform:translateZ(0px); 為了防止Chrome出現奇怪的怪異黑盒，導致同時使用transformX + Y過多的元素。

Answer 1

我在固定父容器內的谷歌地圖遇到了同樣的問題。 Google地圖使用translateZ屬性。

我相信它可能與此錯誤有關，該錯誤似乎已在測試版中修復： http ： //code.google.com/p/chromium/issues/detail？ id = 146894

Answer 2

我也遇到過這個問題。 問題是谷歌地圖通過-webkit-transform: translateZ(0);強制GPU合成所有它的映射DOM元素-webkit-transform: translateZ(0);

要解決此問題，可以通過添加-webkit-transform: translateZ(0);來強制對所有固定元素進行GPU合成-webkit-transform: translateZ(0); 到每個固定元素

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