는 제거, 크롬FF 및 에 this demo를 살펴 보자.크롬 위치 :</p> <p><code>-webkit-transform:translateZ(0px);</code></p> <p>FOM의 CSS를, 그리고 <strong>크롬</strong> 다시 볼 : 고정 transformZ 버그
크롬 본체 용기 min-width:100%, 절단 내용 (항상 아님).
Chrome의 이상한 블랙 박스가 너무 많은 요소에 대해 한 번에 transformX + Y를 사용하는 것처럼 보이지 않게하려면 -webkit-transform:translateZ(0px);이 필요합니다.
. 문제는 구글이 각 고정 요소
에-webkit-transform: translateZ(0);을 추가하여 모든
고정 위치 요소 GPU 합성을 강제 할 수 있습니다, 그것은이 문제를 해결하려면
-webkit-transform: translateZ(0);
를 통해 매핑 DOM 요소의 전부에 강제 GPU 합성을 매핑이다
jsfiddle 데모 : http://jsfiddle.net/plapier/QA7tK/
고정 된 상위 컨테이너 내 Google지도에서 동일한 문제가 발생합니다. Google지도는 translateZ 속성을 사용합니다. 나는 그것이 베타 버전에서 수정 된 것처럼이 버그에 관련이있을 수 있습니다 생각
빌드 : 나뿐만 아니라이 문제에 실행 http://code.google.com/p/chromium/issues/detail?id=146894
내 문제 해결을 위해 솔루션을 검색하는 중 iframe에서 이러한 버그에 대해 뭔가가 발생했습니다. – Rantiev
transformZ()가있는 컨테이너가 있으면 작동하지 않습니다. 자녀의 위치가 고정 된 위치 : 고정; – kernel