jQueryUI 탭이 다른 모든 요소 상단에 나타납니다.

tab과 같은 jQuery UI 항목 뒤에 일반적인 일반 CSS 메뉴가 나타납니다! 포함 div의 Z- 색인이 정확하더라도. 이 문제를 해결할 방법이 있습니까?jQueryUI 탭이 다른 모든 요소 상단에 나타납니다.

CSS menus are appearing behind jQuery UI stuff like tabs

/* dropdown menu container */ 
#navigation-1 li ul.navigation-2 { 
    margin:0; 
    padding: 5px; 
    display:none; 
    position:absolute; 
    top:71px; 
    left:-71px; 
    border-radius: 4px; 
    border: 3px solid #ea453c; 
    background:white; 
    width: 730px; 
    box-shadow: 0 1px 6px #999; 
    z-index: 999; 
}

출처

2013-03-07 Jimbo

몇 가지 CSS를 제공해 주시겠습니까? – Bigood

일부 위치 지정 문제가 일부 코드를 보여줍니다. –

예. 상대방, 고정, 절대 등과 같이 CSS에서 위치를 탐색하거나 실험 해보십시오.

참고 : div/요소가 상대, 고정, 절대 등과 같은 위치를 갖고 있지 않으면 z- 인덱스를 사용할 수 없습니다. : D

출처

2013-03-07 13:10:23 frogcoder

필자는 Firebug를 사용하여 CSS를 더 자세히 조사했으며 ui-menu 클래스가 이미 절대 위치로 설정되어 있음을 발견했습니다. 나는이 규칙에 추가 :

.ui-menu{ 
    z-index: 10;        
}

당신은 정확한 값은 상황에 따라 실험 할 수 있습니다를하지만 값은 탭 위에 안전하게 내 메뉴 항목을 가져왔다. 이 메뉴를 특정 메뉴에만 적용하려는 경우 메뉴의 상위 컨테이너에 대한보다 구체적인 선택기를 추가 할 수 있습니다. 개체의 position 속성이 absolute 및 z-Index로 설정되어있는 경우

는

출처

2013-04-11 01:46:26 DavidHyogo

그 객체가 자신보다 낮은 z-Index 값을 가진 다른 객체 위에 나타납니다 큰 값이다. 참고 -이 값을 테스트했습니다.

Supplied CSS