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

Question

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

如何在模态弹出窗口上显示ngToast消息？

Answer 1

将以下内容添加到CSS中：

toast {
  z-index: 7000;
}

Bootstrap模式的z-index为1040，因此高于此值的任何内容都应该使toast消息显示在模态上。

Answer 2

编辑：

我找到了解决方案。 在我的情况下，我不得不使用大量的z-index，但我也必须在其他css类中使用，如下所示：

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

Answer 3

试试这个

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

Answer 4

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

toast {
 z-index: 1051
}