1

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 的实际 Web 服务器上它不再是四舍五入的，它看起来像这样：

替代文字 http://img441.imageshack.us/img441/2977/servermodal.jpg

4

1 回答 1

2

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

于 2011-01-21T13:54:43.997 回答