2013-06-12 17 views
12

Spędziłem 2 godziny na tym szalonym błędzie na jednej z moich stron internetowych, która ma ogromną ilość treści, dopóki nie doszedłem do wniosku, co było przyczyną problemu; Na Chrome okazało się, że pozycja pozycja: ustalony element wewnątrz elementu pozycja: absolutny (który ma indeks Z) nie działałby jak pozycja : naprawiono element.Pozycja chromu: ustalona pozycja wewnętrzna: absolutne zerwanie z iframe/video


Uwaga - tylko na Chrome okien (nie na Ubuntu).
Chcę opublikować to pytanie i moją odpowiedź, aby inne osoby nie zostały sfrustrowane przez Chrome i to były szalone błędy. Zobacz demo:

stronie testowej: http://jsbin.com/uhuzoy/2/edit

Odpowiedz

38

FIX: dodaj te reguły do ​​elementu position:fixed:

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

Ta poprawka nie jest niestety powszechne. W moim przypadku to nie rozwiązuje problemu. –

+0

Myślę, że Google coś zmieniło, a to może nie działać już w niektórych sytuacjach. Miałem dzisiaj problem, którego to nie rozwiązało i byłem bardzo zaskoczony, ponieważ ta poprawka działała w 100% przypadków, gdy zaistniała jakaś anomalia migotania. – vsync

+3

** UWAGA ** - Jeśli bezwzględny rodzic ma translate, stały element będzie oparty na współrzędnych rodziców, a nie na rzutni. – vsync