ngToast сообщение отображается за модальным всплывающим окном

Question

Я использую ngToast для отображения сообщений об успехе в angularJs, но сообщение об успешности отображается за модальным всплывающим окном.

Как я могу показать сообщение ngToast поверх модального всплывающего окна?

Answer 1

Добавьте следующие строки в CSS:

toast { 
    z-index: 7000; 
} 

Bootstrap модальный имеет Z-индекс 1040, так что выше, что должно сделать сообщение тоста появляться над модальным.

Answer 2

EDITED:

Я нашел решение. В моем случае мне пришлось использовать огромное количество для г-индекса, но я должен был использовать в другом классе CSS, как показано ниже:

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

Answer 3

Попробуйте это

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