ngToast 消息显示在模式弹出窗口后面

【问题标题】：ngToast message is displaying behind the modal popupngToast 消息显示在模式弹出窗口后面
【发布时间】：2015-06-09 05:28:05
【问题描述】：

我正在使用 ngToast 在 angularJs 中显示成功消息，但成功消息显示在模态弹出窗口后面。

如何在 Modal Popup 顶部显示 ngToast 消息？

【问题讨论】：

【解决方案1】：

将以下内容添加到您的 CSS：

toast {
  z-index: 7000;
}

Bootstrap modal 的 z-index 为 1040，因此高于此值的任何内容都应该使 toast 消息出现在 modal 上方。

【讨论】：

【解决方案2】：

试试这个

#toast-container {
z-index: 9999999;
}

【讨论】：

【解决方案3】：

通过检查模态元素来检查模态的 z-index（例如：如果它是 1050）。将高于此索引的任何值添加到您的 toast 将起作用

toast {
 z-index: 1051
}

【讨论】：

【解决方案4】：

已编辑：

我找到了解决方案。在我的情况下，我必须为 z-index 使用一个巨大的数字，但我也必须在其他 css 类中使用，如下所示：

.ng-toast {
  z-index: 100000; // I don't have any ideia why, but worked! 
}

【讨论】：