CSS弹出菜单在JQuery布局窗格中溢出/重叠

Question

我使用JQuery布局并仅定义北,西和中间窗格.在左侧(西部窗格)我正在构建一个CSS弹出菜单.随着网络上大量的CSS弹出菜单,我可以毫不费力地使用它.我面临的问题是弹出菜单与中心窗格不重叠.您可以在我的JSfiddle示例中看到此行为.我试过设置,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;
}