위치 고정 기능이 작동하지 않는 이유는 무엇입니까?

Question

나는 머리를 꼭대기에 붙이려 고하고있다. position을 fixed 및 top:0px; 및 left:0px으로 설정했습니다.

my code here을 업로드했습니다.

다음은 헤더의 CSS 클래스입니다 :

header.header 
{ 
    background: #861912; 
    padding:5px 10px; 
    overflow: hidden; 
    height: 43px; 
    position: fixed; 
    width: 100%; 
    top: 0px; 
    left: 0px; 
} 

내 헤더를 중지하면 상단에 붙어 무엇을 찾아 도와주세요.

Answer 1

Navbar를 다른 div에서 직접 몸체에 넣고 z- 인덱스를 늘리면됩니다. 이렇게하면 잘 작동합니다.

Answer 2

이 문제는 transform css 속성에서 발생합니다. 그 후 .container

Answer 3

에서 문제를 transform를 제거하려고하는 것은이 선 것 같다 :

.container { 
    ... 
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); 
} 

(cource과, 접두사없이 변형도).

개발자 도구를 통해 제거하면 모든 것이 정상적으로 작동합니다.

하지만 차라리 나는 그 컨테이너를 완전히 바깥으로 옮길 것이다. <header>.