Модальное расширение всплывающих окон округляется локально, но не на сервере

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

Вопрос

ASP.net ajax 2.0

У меня есть расширитель modalpopup, который выглядит следующим образом:

альтернативный текст 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, оно больше не округляется, это выглядит так:

альтернативный текст http://img441.imageshack.us/img441/2977/servermodal .jpg

Это было полезно?

Решение

Полагаю, вы, вероятно, перешли к этой проблеме, так как это было так давно, но я наткнулся на это http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php , который, кажется, работает для мне. Похоже, хитрость заключается в том, чтобы в дополнение к использованию двух панелей установить задний цвет панели контейнера на прозрачный

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top