2013-06-12 11 views
12

Ich habe 2 Stunden auf diesem verrückten Bug auf einer meiner Websites verbracht, die riesige Menge an Inhalt hat, bis ich dachte, was das Problem verursacht hat; In Chrome scheint Position: fest Element in einem Position: absolute Element (die einen Z-Index hat) würde nicht funktionieren wie ein Position: fixed Element würde.Chrome Position: feste innere Position: absolute Brechen mit Iframe/Video


Hinweis - nur auf Chrome-Fenster (nicht auf Ubuntu).
Ich möchte diese Frage und meine Antwort posten, damit andere nicht frustriert von Chrome werden und es ist verrückt Bugs. siehe Demo:

TEST PAGE: http://jsbin.com/uhuzoy/2/edit

Antwort

38

FIX: Fügen Sie diese Regeln zum position:fixed Elemente:

-webkit-backface-visibility: hidden; 
-webkit-transform: translateZ(0); 
+0

Dieses Update leider nicht universell ist. In meinem Fall behebt es das Problem nicht. –

+0

Ich glaube, Google hat etwas verändert und das könnte in einigen Situationen nicht mehr funktionieren. Ich hatte heute ein Problem, das das nicht gelöst hat und ich war sehr überrascht, weil dieser Fix 100% der Zeit bis jetzt immer funktionierte, wann immer eine Flackernabnormalität vorkam. – vsync

+3

** HINWEIS ** - Wenn das absolute Elternteil eine Übersetzung hat, basiert das feste Element auf den Elternkoordinaten, nicht auf dem Ansichtsfenster. – vsync