模型弹出窗口未按预期弹出

我的项目中有两个模型弹出窗口。当我点击搜索按钮时，第一个模块弹出窗口将弹出。此模型弹出窗口具有查看详细信息的选项。当我点击它时，我需要另一个弹出窗口来弹出并显示详细信息。现在的问题是，当我点击视图选项时，第二个弹出窗口在第一个弹出窗口后面，它不可见。我可能犯了什么错误

   if (e.CommandName.Equals("View"))
            {
                ModalRearrangement.Show();
                ModalViewDocument.Show();
            }

在上述代码中，模式重排是第一个弹出窗口。

更新

CSS

  .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        width: 300px;
        border: 3px solid #3CB371;
        border-radius: 12px;
        padding:0
    }
    .modalPopup .header
    {
        background-color: #2FBDF1;
        height: 30px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .modalPopup .body
    {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
    }
    .modalPopup .footer
    {
        padding: 6px;
    }

这是两个弹出窗口的通用css。