Frage

ASP.net Ajax 2.0

Ich habe einen Modalpopup Extender bekam die wie folgt aussieht:

alt text http://img441.imageshack.us/img441/6342/localmodal .jpg

Die tatsächliche modale Popup ist um eine abgerundete Ecke extender wickelt es die schöne geschwungene Optik. Hier ist ein einfacher Code-Snippet:

<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>

Das Merkwürdige auf meinem lokalen Rechner läuft IE8 es sieht gut aus, auch auf dem Server mit Firefox / chrom es sieht gut aus. Aber sobald es auf dem Server ist, und ich verwende IE8 es nicht mehr gerundet es ist im Grunde ein Quadrat.

Es macht einfach keinen Sinn machen, warum lokal IE8 es funktioniert, aber auf dem tatsächlichen Webserver IE8 ist es nicht mehr gerundet, es sieht wie folgt aus:

alt text http://img441.imageshack.us/img441/2977/servermodal .jpg

War es hilfreich?

Lösung

Meine Vermutung ist, dass Sie wahrscheinlich verschoben haben mit diesem Problem auf, da dies schon so lange her, aber ich über diese gestolpert http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php , die zu funktionieren scheint mich. Es sieht aus wie der Trick ist, zusätzlich zu den mit zwei Platten, stellen Sie die Hintergrundfarbe des Behälters Panel Transparent

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top