模态弹出窗口出现在Ajax Control Toolkit中的模态背景之后

Question

的问题：

在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. 如果你没有遇到这个问题，你会看到什么？我完全没有想法

Answer 1

尝试更改属性

位置是：固定;位置：绝对;

Answer 2

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

Answer 3

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