Сделать тост, позволяющий нажимать на элементы позади при наведении, как уведомление по Skype

Question

Я создал тост, используя ngx-toastr в угловом базовом интерфейсе.Я хочу что-то вроде уведомления по скайпу, когда пользователь наводит курсор на тост, он должен позволять нажимать на элементы позади него, которые скрыты под ним.

Когда тост появляется в правом верхнем углу в этой позиции, у меня есть кнопка, чтобы сделать что-то,Тост выглядит точно над ним и делает кнопку недоступной для пользователя, пока она не исчезнет. Есть ли какая-то особенность, что когда пользователь наводит курсор на тост, он становится менее непрозрачным и должен позволять пользователю нажимать кнопку через него

Answer 1

Просто чтобы убедиться, что я правильно понял вопрос, вы хотите видеть тост через ngx и нажимать на базовые элементы, верно?

Вы можете добавить это в файл CSS (либо глобально)или уровень компонента css) вашего приложения

::ng-deep #toast-container > div {
    opacity: 0.8 !important;
    pointer-events: none !important;
}