jquery UI 메뉴가 투명하거나 다른 요소 뒤에 나타납니다.

CSS 및 jQuery UI 문제에 대해 친절하게 도와 주실 수 있다면. 나는 내가 할 수있는 최선의 방법을 설명하려고 노력할 것이다.jquery UI 메뉴가 투명하거나 다른 요소 뒤에 나타납니다.

저는 jQuery UI 아코디언과 jQuery UI 메뉴를 사용했습니다. 메뉴는 활성 아코디언 "탭"안에 있습니다. 메뉴를 열면 옵션이 나타나지만 문제는 아코디언 헤더 (접힌 내용)가 내 메뉴 옵션 위에 있다는 것입니다. 이 jsFiddle을 확인하십시오, 더 잘 설명 할 것입니다.

Fiddle

나는 방화범으로 확인했으며,이 클래스 .ui-accordion .ui-accordion-header는 position: relative을 가지고 그 문제를 만드는 생각하지만, 내가 끄면 속성 아이콘 휴식. 이 작품을 어떻게 만들 수 있습니까?

미리 감사드립니다. 친절하게 생각합니다!

출처

2013-03-17 jabree

jsfiddle에 대한 링크를 게시하는 것을 잊었을 것 같습니다. – sqren

네, 맞습니다, 첫 번째 게시물과 나는 심지어 바이올린에 연결할 수 없습니다 :). 나는 그것을 편집하기에 너무 친절한 사람에게 감사하고 싶다. jsFiddle과 그 작업을 지금 업데이트했습니다. – jabree

Easy !! CSS를 다음으로 변경하십시오.

.ui-menu { 
    width: 150px; 
    z-index: 2; 
}

여기에서 demo을 참조하십시오. 상대, 절대 또는 고정 위치 요소를 처리 할 때 z-index을 사용할 수 있으므로 겹침 순서를 변경하십시오.

출처

2013-03-18 00:12:13 djthoms

친애하는 djthoms, 정말 고마워요! 이것은 완벽하게 작동했습니다. – jabree

기꺼이 도와 드리겠습니다! – djthoms

jquery UI 메뉴가 투명하거나 다른 요소 뒤에 나타납니다.

답변

관련 문제