모달 팝업 익스텐더
-
06-07-2019 - |
문제
asp.net ajax 2.0
나는 다음과 같은 모르달 포 업 익스텐더를 가지고 있습니다.
Alt Text 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을 사용하는 실제 웹 서버에서는 더 이상 둥글지 않으며 다음과 같이 보입니다.
Alt Text http://img441.imageshack.us/img441/2977/servermodal.jpg
해결책
내 생각에 이것은 오래 전부터이 문제를 계속했을 것입니다. 그러나 나는 이것을 우연히 발견했습니다. http://www.mindfiresolutions.com/workaround-for-modal-popup-with-loundedcornerextendendendendendendender-833.php 그것은 나를 위해 일하는 것 같습니다. 트릭은 두 개의 패널을 사용하는 것 외에도 컨테이너 패널의 뒷면을 투명하게 설정하는 것 같습니다.
제휴하지 않습니다 StackOverflow