我的页面中有一个 Ext.Viewport... 在North region,我有一个下拉菜单... 但是当我将鼠标悬停在菜单项上时,菜单项会下拉,但这些项目会出现在Center 区域面板下方。我一直无法让它工作。我尝试设置 z-index 但一点运气都没有。
帮助?
谢谢
我通过为区域分配 id 并创建 CSS 定义解决了这个问题。
var viewport = new Ext.Viewport({
layout: 'border',
renderTo: Ext.getBody(),
border: false,
items: [{
height: 60,
region : 'south',
contentEl: 'page-footer',
border: false
}, {
region : 'center',
contentEl: 'page-main',
border: false
}, {
height : 90,
id: 'page-header-panel',
region : 'north',
contentEl: 'page-header',
border: false
}]
});
CSS
#page-header-panel .x-panel-body,
#page-header-panel .x-panel-bwrap {
overflow: visible;
}