JQuery 레이아웃 창에서 오버플로/오버랩되는 CSS 팝업 메뉴

Question

JQuery 레이아웃을 사용하고 북쪽, 중간 및 중앙 창만 정의합니다. 왼쪽 (서쪽 창)에는 CSS 팝업 메뉴가 있습니다. 웹 주위에 CSS 팝업 메뉴가 풍부하기 때문에 작동에 문제가 없습니다. 내가 직면하고있는 문제는 팝업 메뉴가 가운데 창과 겹치지 않는다는 것입니다. my JSfiddle example에서이 동작을 볼 수 있습니다. 나는 overflow: visible; z-index: 10001; 설정을 시도했지만 아무 것도 해결하지 못했습니다. 다음에 무엇을 시도 할 수 있습니까?

Answer 1

시도가 관심의 높은 수준으로 문서를 컨설팅 한 후 간단한 솔루션은 온이 스타일

.ui-layout-west{ 
    z-index: 50; 
    overflow: visible; 
} 

업데이트

.ui-layout-west{ 
    z-index: 50 !important; 
    overflow: visible !important; 
} 

Answer 2

을 추가하려면 (즉, 이전보다 더 높은 ...). API는 특정 창에서 오버플로를 설정하는 방법을 제공합니다. 경우에 따라서는 "서쪽"창에서 내용을 오버플로해야했습니다.

mylayout.allowOverflow("west"); 

편집 : 다음 코드는 속임수를 썼는지 I 허용으로 내 대답을 표시하지 않을거야. Kison의 답변은 당시의 작업 솔루션을 제공 했으므로 적립해야합니다.