문제를 해결하기 위해 다양한 Z- 인덱스 속성을 조정 했음에도 불구하고 내 콘텐츠 슬라이더가 내 탐색 메뉴의 "위에"표시됩니다.jQuery 슬라이더로 인해 메뉴에서 z- 인덱스가 제대로 작동하지 않습니다.
내 메뉴의 래퍼는 배치 가능한 요소이며 슬라이더는 Z- 색인이 98 또는 99로만 설정되어 있으므로 내 메뉴를 Z- 색인 999로 설정하는 이유를 알 수 없습니다. 일하지 마라.
Firebug를 통해 다양한 Z- 색인을 조정하려고 시도했습니다.
문제의 사이트가 현재 여기에 우리의 테스트 서버에 상주 : http://www.testflightapparel.com
보통 position: absolute; 슬라이더 내 프로젝트에 항상 z-index 작품과 함께. 을 슬라이더 뒤에 놓아야 만하므로 상단에 있어야합니다. 여기
내가 크롬에 HTML을 편집 할 때 내가 한 것입니다 : 연결
<div class="main">
...
your slider code
...
</div>
<!--See the added inline styles -->
<div class="wrapper_menu menu_dark_theme" style="position: absolute; margin-top: -1200px; z-index: 9999;">
<ul class="menu menu_takeflight">...</ul>
</div>
참조 화면 캡처 :
포스트를 HTML CSS, 그것은 도움이 될 것입니다하시기 바랍니다. – freebird
당신의 브라우저에서 소스를 보는 것이 좋다고 생각합니다. 또는 Firebug와 같은 디버깅 전용 플러그인을 사용하는 것이 HTML/CSS 복잡성으로 인해이 특정 문제에 훨씬 더 적합하다고 생각합니다. CSS만으로는 1400 줄입니다. 속성을 조정해야하는 위치가 확실치 않기 때문에이 거대한 코드 조각이 어느 정도 포함되어야하는지 알지 못합니다. 보통 나는 CSS에 능숙하지만이 문제는 정말로 나를 피합니다. 그것이 슬라이더 스타일이 인라인과 관련이 있는지 궁금합니다. –
No issues Z- 인덱스가 절대 또는 상대 위치에있을 때만 작동한다는 점을 알고 계시길 바랍니다. 꼭대기에있는 슬라이더가 위치하는지 확인하십시오. – freebird