Z- 인덱스가 div와 작동하지 않습니다 : 고정 및 위치 : 절대

Question

두 개의 div 태그가 있습니다. 하나는 로고가있는 헤더를 포함하고 다른 하나는 정보 div입니다. 로고는 항상 위에 있어야하지만 그렇지 않습니다.

둘 다 Z- 색인을 설정했습니다. 헤더의 로고는 z- 인덱스가 500이고, 정보의 z- 인덱스는 200이며, 로고는 unterneath이어야합니다.

div#logo { position:fixed; z-index: 500;} 
div#markerInformation {position: absolute; z-index: 200;} 

내가, 당신이 로고는 정보를 원하시면 아래는 것을 반대 볼 수있다 얻을 결과 :

은 당신이 할 수있는 행동에 그것을보고를 CSS에서

여기를보세요 : http://www.dominikamon.com/location/#f4ec7efc-d27a-4767-910b-f1af9a5547a8,4,52.231789,21.006128

div # 로고의 CSS 정의는 다음과 같습니다.

div#logo { 
position: absolute; 
z-index: 500; 
} 

하지만 아래로 스크롤하면 곧바로 위치를 설정하는 "스크롤"에 바인딩 된 jQuery 이벤트가 고정됩니다. ,

• z-index not working with fixed positioning
• How does z-index and position fixed work together in css
• Position absolute has greater z-index than position fixed 어쩌면 내가 그들 중 하나에 포인트를 놓친 :

  는 이미 같은 문제를 해결해야 할 몇 가지 게시물을 체크 아웃 하지만 난 그걸 관리 할 수 ​​없었어요?

Answer 1

난 아직도 원하는 출력 무엇에 혼동하고있어이 하나

div#logo { 
position: absolute !important; 
z-index: 500; 
}