Question

ASP.net ajax 2.0

我有一个modalpopup扩展器，如下所示：

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

Answer 1

我的猜测是你可能已经开始讨论这个问题，因为这是很久以前的事了，但我偶然发现了http://www.mindfiresolutions.com/Workaround-for-Modal-Popup-with-RoundedCornerExtender-issue-833.php，这似乎对我有用。看起来诀窍是，除了使用两个面板之外，还要将容器面板的背面颜色设置为透明

Modal popup extender在本地舍入，但不在服务器上

1 个答案: