Question

我有一个jQuery对话框，在document.ready上加载zIndex为800.在这个页面上我还有一个zIndex为999的菜单。但是，当我显示对话框然后使用菜单时，对话框当基于z-index，它应该低于它时出现在菜单的顶部。如果我在window.load事件中配置对话框，则菜单/对话框顺序是正确的。这对我没有意义，因为在配置对话框之前菜单内容已经加载到DOM中。有任何想法吗？谢谢。我必须说明菜单是9999.您可以在http://qa.ncgov-2012.nc.gov/maps/#看到该页面。这是对话框的配置：

$('#lyrPanel').dialog({
    autoOpen: false,
    show: 'blind',
    hide: 'blind',
    title: '<span class="ui-icon ui-icon-custom" id="lyrsButton"></span> Map Options',
    height: 215,
    width: 240,
    minWidth: 195,
    minHeight: 150,
    maxWidth: 240,
    maxHeight: 215,
    closeOnEscape: true,
    zIndex: 800,
    stack: false,
    resizable: false,
    position: {
        of: $map,
        my: 'left top',
        at: 'left top',
        offset: '39'
    }
});

Answer 1

尝试使用jquery堆叠元素，而不是让z-index失去控制。 http://api.jqueryui.com/theming/stacking-elements/

Answer 2

zindex仅适用于定位元素（绝对，相对）

菜单顶部显示jquery对话框

2 个答案: