6
Firefox、Chrome、IE8では正常に動作するAjaxControlToolkitのModalPopupExtenderを持っていますが、IE8互換モードで実行すると、私のページの内容ではなく、上に。
ポップアップは、Masterpageによってレンダリングされるユーザーコントロールにあります。マスターページのコンテンツ（ヘッダーとサイドバー）がグレー表示されているが、コンテンツのプレースホルダーがポップアップの前に表示されているため、マスターページのコンテンツの前にポップアップが表示されていると思います。私はにマスターページにあなたのDOCTYPE宣言を変更する提案ソリューションオンラインが見つかりました：ModalPopupExtenderはIE7/IE8互換モードのすべてでレンダリングされません
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
をしかし、私はすでに正確な宣言とまだ位置決め問題を持っていることを持っていました。ここでは、ポップアップ・コードは次のとおりです。
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="lnkbtnDealerID"
PopupControlID="pnlPopup"
BackgroundCssClass="modalBackground"
DropShadow="true"
OkControlID="OkButton"
CancelControlID="CancelButton"
OnOkScript=""
>
</cc1:ModalPopupExtender>
<asp:Panel ID="pnlPopup" runat="server" CssClass="modalPopup" Style="display: none" Width="233px">
<p>Are you sure? Your current shopping cart is valid only for the current Dealer ID. Switching Dealer IDs will reset your cart according to the new Dealer ID chosen.</p>
<br />
<div align="center">
<asp:Button ID="OkButton" runat="server" Text="Ok" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</asp:Panel>
し、関連するCSS：
.popupControl {
background-color: white;
position:absolute;
visibility:hidden;
border-style:solid;
border-color: Black;
border-width: 2px;
}
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalPopup {
background-color:white;
border-width:1px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}
ポップアップが定義されているすべての親コンテナの上にポップアップ表示されないIE8で問題が発生しました.Zインデックスが何であっても、いくつかの要素が常に上に表示されます（IE6のようなドロップダウン）。私の場合は、ポップアップがポップアップしたときに隠すだけの手のひらです。私の意見は分かりませんが、私が共有したいと思っていただけです – JoshBerke
それは私のものと似ていますが、ポップアップをすると私のメインページのコンテンツを隠すのは奇妙に見えます。 – fr0man