メニューのZ-インデックスとASP.netのajax ModalPopupExtenderの問題

Question

私はAjax ModalPopupExtenderを使用していますが、この問題はModalPopupExtender上の表示です。 ModalPopupExtenderではz-index = 1、問題が解決されない場合はz-index = 100と設定します。

Answer 1

Firebug（Firefox拡張機能）などを使用して、メニューのZ-インデックスを調べます。その後、ModalPopupExtenderのZ-インデックス1を高く設定します。

ライブページは表示されませんが、Zインデックスを推測することはできませんが、100より大きい必要があります。10001などの値を設定してみてください。

Answer 2

z-indexを、@ Jabのように大きなものに設定します。

また、あなたがHTMLマークアップの下部にModalPopupExtenderを置くと、非常に奇妙な理由でModalPopupExtenderが修正されることがあります。試してみる。

Answer 3

私は約4年間Asp.Netの開発を行ってきましたが、私の経験から、MicrosoftのAJAXライブラリ、特にAJAX Control Toolkitから離れていることがわかりました。そこには、彼らが修正するつもりはないと思われるバグがあります。

あなたへのアドバイス：別のライブラリを使用してください。私はJQueryを使用しています。ネット上のJQueryのプラグインは、さまざまな品質を持っていますが、それらのうちのいくつかは本当にうまくいき、私は自分自身をバグ修正しました（私はすぐにコードを理解できるものを選択します）。

JQuery UIは非常に高品質で、ModalPopupExtenderの代わりに使用しているダイアログウィジェットが含まれています。ウィンドウスタイルが気に入らない場合は、15+ jQuery Popup Modal Dialog Plugins and Tutorialsの15個のプラグインのうち1つを確認してください。

Answer 4

デベロッパーツール（Chrome/IEでF12）の使用方法を数分学習したところ、問題の根本に到達しました。 1.メインメニューはマスターページにあり、ModalPopupExtenderコントロールはチャイルドページ内にあります。 2. ModalPopupExtenderコントロールは、他のページコンテンツ（メインメニューを除く）を保持する同じdiv内に配置され、このdivはメインメニューを含むdivよりも低いz-インデックスを持ちます。

状況が最初のカテゴリに該当する場合は、次のようになります。生成されたマークアップは、ライトボックスを1つの内側に配置しますdiv、子ページのコンテンツの残りの部分（例：wrapperContent）、および別の内部のメインメニュー（たとえばwrapperHeader）。 wrapperHeaderのZ-索引は、wrapperContentのz-索引以上でなければならない（MUST）。そうでなければ、サブノードはドロップダウン時にコンテンツの下に落ちる。ライトボックスに指定するzインデックスの値に関係なく、wrapperHeaderよりも低いwrapperContentからZ-インデックスを継承するので、常にwrapperHeader内のすべての要素の下に表示されます。

状況が2番目のカテゴリに該当する場合も、同様の説明があります。

@Jack Marchettiこれは、ライトボックスを他のページのコンテンツとは別のdivに置いたときにこれがなぜ修正されるのかについても説明しています。

こちらがお役に立てば幸いです。