問題:
IE8 では、Ajax コントロール ツールキットのポップアップ パネルが modalBackground の下に表示されます (スクリーン ショットを参照)。これは IE8 でのみ発生します。
以前の試み:
cssファイルのz-index(z-indexの問題のように見えます)を次のように上書きしようとしました:
.modalPopup
{
background-color: white;
width:200px;
height:150px;
z-index:100000001 !important;
}
問題はまだ存在します。Firefox で firebug を使用すると、ユーザーがボタンをクリックしてモーダル ポップアップを表示すると、z-index の変化を確認でき、z-index が正しく変化します。
コード:
<asp:ModalPopupExtender ID="MPsdE" runat="server" Enabled="true" DynamicServicePath=""
OkControlID="OkButton"
CancelControlID="CancelButton"
TargetControlID="MoreServers"
PopupControlID="ModalPanel"
BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>
<asp:Panel ID="ModalPanel" runat="server" >
<div class="modalPopup" >
test <asp:Button ID="OkButton" runat="server" Text="Okay"/>
<asp:Button ID="CancelButton" runat="server" Text="Cancel"/>
</div>
</asp:Panel>
CSS:
.modalBackground
{
position:fixed;
background-color:#000;
filter:alpha(opacity=50);
opacity:0.5;
}
.modalPopup
{
background-color: white;
width:200px;
height:150px;
z-index:100000001 !important;
}
modalBackground の z-index を低く設定しようとしましたが、成功しませんでした。
質問:
- 以前にこの問題が発生したことがありますか? もしそうなら、あなたは私を正しい方向に向けることができますか?
- この問題が発生していないとしたら、どのような点に注目しますか? 私は完全にアイデアがありません