モーダルポップアップエクステンダーはローカルで丸められますが、サーバーでは丸められません
-
06-07-2019 - |
質問
ASP.net ajax 2.0
次のようなモーダルポップアップエクステンダーがあります:
代替テキストhttp://img441.imageshack.us/img441/6342/localmodal .jpg
実際のモーダルポップアップは、丸みを帯びたコーナーエクステンダーに巻き付けられ、見栄えがよくなります。コードの簡単なスニペットを次に示します。
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" CancelControlID="btnCancel" OkControlID="btnOk" TargetControlID="ibStartNow" PopupControlID="Panel2" PopupDragHandleControlID="PopupHeader" BackgroundCssClass="ModalPopupBG">
<asp:Panel ID="Panel2" style="display: none" runat="server">
<asp:Panel ID="Panel3" runat="server">
<div class="ConfirmationPopup" style="text-align:center; margin-right:auto;margin-left:auto;">
<div class="PopupHeader" id="PopupHeader">
Confirm Start Now<br />
</div>
<div class="PopupBody">
<br />
This will save the expense report header and allow
<br />
you to enter items into your expense report, are you sure?
<br />
<br />
</div>
<div class="Controls">
<asp:ImageButton ID="btnOk" runat="server" imageurl="~/images/ok.gif" CausesValidation="False" />
<asp:ImageButton ID="btnCancel" runat="server" imageurl="~/images/cancel.gif" />
</div>
</div>
</asp:Panel>
</asp:Panel>
<ajaxToolkit:RoundedCornersExtender ID="RoundedCornersExtender2" runat="server" TargetControlID="Panel3" Radius="6" Corners="All" BorderColor="#9BD1FA" Color="#377CB1">
</ajaxToolkit:RoundedCornersExtender>
奇妙なことは、IE8を実行している私のローカルマシンでは見栄えがよく、firefox / chromeを使用してサーバー上でも見栄えがすることです。しかし、いったんサーバー上に配置され、IE8を使用すると、丸められなくなり、基本的に正方形になります。
IE8をローカルで使用する理由がわからないだけですが、IE8を使用する実際のWebサーバーでは、丸められなくなり、次のようになります。
代替テキストhttp://img441.imageshack.us/img441/2977/servermodal .jpg
解決
これはかなり前のことなので、おそらくこの問題に取り組んでいるのではないかと思いますが、 http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php 私。トリックのように見えますが、2つのパネルを使用することに加えて、コンテナパネルの背景色を透明に設定します
所属していません StackOverflow