1

我有一个 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'
    }
});
4

2 回答 2

0

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

于 2013-09-28T16:48:55.330 回答
-1

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

于 2012-10-16T16:27:26.017 回答