Pozycja stała nie działa dla nagłówka

Próbuję stworzyć bardzo prosty efekt, w którym nawigacja przykleja się do góry strony podczas przewijania strony w dół. Wszystko, co powinienem zrobić, to ustawić "position: fixed" w nagłówku, który obecnie mam. Z jakiegoś powodu traktuje to bardziej jak element "position: absolute" vs. fixed. Próbowałem go na innych elementach na stronie z tym samym efektem, więc muszę mieć coś, co w moim kodzie HTML lub CSS powoduje problem. Dowolne pomysły?

Http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

Header CSS 

.nav-main  {overflow: visible; position: fixed;
            top: 0; left: 0; right: 0; height: 60px; width: 100%;}

Uwaga, strona jest responsywna, więc position: fixed zaczyna się przy 768px.

Author: phihag, 2013-02-06
Source

1 answers

W tej chwili, Chrome nie może renderować position:fixed na elementach znajdujących się pod transformacją . Delete the (content-free) 

-webkit-transform: translate3d(0, 0, 0);

I to zadziała .

 148
Author: phihag,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-02-06 15:31:38