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

Question

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

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

Answer 1

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

toast {
  z-index: 7000;
}

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

Answer 2

尝试这个

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

Answer 3

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

toast {
 z-index: 1051
}

Answer 4

编辑：

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

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