Z- 인덱스가 고정 된 위치로 작동하지 않습니다.

chardinjs를 통해 오버레이 명령어를 추가하려고합니다. 이미지가있는 고정 된 navbar가 있습니다. chardinjs 페이지에 보이는 것처럼 오버레이를 보길 원합니다. 여기 내 HTML은 다음과 같습니다.Z- 인덱스가 고정 된 위치로 작동하지 않습니다.

<div id="navbar" class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container navbar-container"> 
     <a class="brand" href="/web/Home"><img src="assets/header-logo2.gif" data-intro="Click logo to return to main portal" data-position="bottom" class=" chardinjs-show-element chardinjs-relative-position"></a> 
     </div> 
    </div> 
    </div>

이 사이트는 부트 스트랩을 사용하여 빌드되었으므로, 모든 클래스는 기본 부트 스트랩과 인라인됩니다. 내 탐색 막대는 페이지 상단에 position: fixed으로 고정되어 있으며 Z- 색인은 1030입니다. navbar-inner, container 및 brand에는 z- 인덱스 또는 위치가 나열되어 있지 않습니다. img은 position: relative 및 z-indez: 9999999입니다. 오버레이 위에 이미지를 표시하는 유일한 방법은 나비 막대를 position: relative으로 설정하고 Z- 색인을 제거하는 것입니다. 나는 내 navbar가 움직이는 것을 원하지 않지만, 더 중요한 것은, 나는 이유를 알고 싶다. 이 문제가 도움이 될 것입니다.

출처

2013-07-23 jhamm

이것은 유용한 질문 제목이 아닙니다. –

이 답변을 참조하십시오. z-index not working with fixed positioning

"Z- 인덱스는 고정, 상대 또는 절대 위치 즉, 특정 컨텍스트 내에서 작동을 상대 사업부에 대한

Z- 인덱스는 z 축과 아무 상관이 절대적으로 또는 고정 된 div의 인덱스. " @ cusimar9

출처

2013-07-23 16:55:45 feitla

Z- 인덱스가 고정 된 위치로 작동하지 않습니다.

답변

관련 문제