문제

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 그것은 나를 위해 일하는 것 같습니다. 트릭은 두 개의 패널을 사용하는 것 외에도 컨테이너 패널의 뒷면을 투명하게 설정하는 것 같습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top