1

在此处输入图像描述问题：

在 IE8 下，Ajax Control Toolkit 的弹出面板位于 modalBackground 下方（参见屏幕截图）。这只发生在 IE8 中。

以前的尝试：

我尝试在 css 文件中覆盖 z-index（它看起来像 z-index 问题），如下所示：

.modalPopup
{
    background-color: white;
    width:200px;
    height:150px;
    z-index:100000001 !important; 
}

并且问题仍然存在。在 Firefox 中使用 firebug 我可以在用户单击按钮以显示模式弹出窗口时检查 z-index 的变化，并且 z-index 会正确更改。

代码：

<asp:ModalPopupExtender ID="MPsdE" runat="server" Enabled="true" DynamicServicePath=""
    OkControlID="OkButton" 
    CancelControlID="CancelButton"
    TargetControlID="MoreServers"
    PopupControlID="ModalPanel"
    BackgroundCssClass="modalBackground" >
</asp:ModalPopupExtender>




<asp:Panel ID="ModalPanel" runat="server" >
  <div class="modalPopup" >
    test <asp:Button ID="OkButton" runat="server" Text="Okay"/>
    <asp:Button ID="CancelButton" runat="server" Text="Cancel"/>
  </div>
</asp:Panel>

CSS：

.modalBackground 
{
    position:fixed; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5;  
}
.modalPopup
{
    background-color: white;
    width:200px;
    height:150px;
    z-index:100000001 !important; 
}

我也尝试将 modalBackground 的 z-index 设置得较低，但没有成功。

问题：

  1. 以前有人遇到过这个问题吗？如果是这样，你能指出我正确的方向吗？
  2. 如果你没有这个问题，你会看什么？我完全没有想法
4

3 回答 3

0

尝试更改属性

位置：固定；定位：绝对；

于 2012-06-27T18:30:08.470 回答
0

事实证明，这个问题不在我发布的任何内容中。问题出在我们的模板中，可能是标签未关闭。

于 2012-06-27T19:35:24.797 回答
-1

设置面板背景颜色（BackColor="White"）；它会解决你的问题。

于 2012-12-14T18:49:57.677 回答