1

zIndex 800 で document.ready にロードする jQuery ダイアログがあります。このページには、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

制御不能な z-index を使用する代わりに、jquery スタック要素を試してみてください。 http://api.jqueryui.com/theming/stacking-elements/

于 2013-09-28T16:48:55.330 に答える
-1

zindex は、配置された要素 (絶対、相対) でのみ機能します

于 2012-10-16T16:27:26.017 に答える