Модальное расширение всплывающих окон округляется локально, но не на сервере
-
06-07-2019 - |
Вопрос
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 , который, кажется, работает для мне. Похоже, хитрость заключается в том, чтобы в дополнение к использованию двух панелей установить задний цвет панели контейнера на прозрачный