jquery对话框出现在菜单顶部

我有一个jQuery对话框，可以加载document.ready，zIndex为800。在这个页面上，我还有一个zIndex为999的菜单。但是，当我显示对话框，然后使用菜单时，对话框会显示在菜单的顶部，而根据z索引，它应该位于菜单的下方。如果在window.load事件中配置对话框，则菜单/对话框顺序正确。这对我来说没有意义，因为在配置对话框之前，菜单内容已经加载到DOM中。有什么想法吗？谢谢我保证菜单是9999。您可以在上看到该页。 以下是该对话框的配置：

$('#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'
    }
});

$（“#面板”）。对话框({
自动打开：错误，
节目：“盲人”，
隐藏：“瞎子”，
标题：“地图选项”，
身高：215，
宽度：240，
最小宽度：195，
身高：150，
最大宽度：240，
最大高度：215，
closeOnEscape：没错，
zIndex:800，
堆栈：false，
可调整大小：false，
职位：{
其中：$map，
我的‘左上’，
在“左上角”，
抵销：“39”
}
});

zindex只对定位元素（绝对、相对）有效。

尝试一下jquery堆叠元素，而不是让z索引旋转失控。

---

code如果删除或注释掉后面的代码块会发生什么情况

这应该可以解决IE7 zIndex问题

？jquery对话框通常会被定位，菜单也会被定位。