CSS всплывающее меню для переполнения/перекрытия в панелях макета JQuery

Question

Я использую макет JQuery и определяю только северную, западную и среднюю панели. С левой стороны (западная панель) я создаю всплывающее меню CSS. С обилием всплывающих меню CSS по всему Интернету я не затрудняюсь заставить его работать. Проблема, с которой я сталкиваюсь, заключается в том, что всплывающее меню не перекрывает центральную панель. Вы можете видеть это поведение в my JSfiddle example. Я пробовал установить overflow: visible; z-index: 10001;, но ничего не решил. Что я могу попробовать дальше?

Answer 1

Попробуйте добавить эти стили

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

Update

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

Answer 2

пришли Простейшее решение после консультаций с Документами с более высокой степенью внимания (то есть выше, чем раньше ...). API предоставляет метод для настройки переполнения на определенной панели. В случае, если «западная» панель должна переполнять ее содержимое. Следующий код сделал трюк:

mylayout.allowOverflow("west"); 

Редактировать: Я не буду отмечать свой ответ, как принято. Ответ Кисона предоставил рабочее решение в то время и должен быть зачислен.