モーダルポップアップエクステンダーはローカルで丸められますが、サーバーでは丸められません

StackOverflow https://stackoverflow.com/questions/1632390

質問

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つのパネルを使用することに加えて、コンテナパネルの背景色を透明に設定します

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top