我正在尝试创建一个自定义通知横幅，以将整个屏幕内容下推。它已与服务切换，并且应在整个应用程序范围内可用。我已经为横幅创建了组件和服务。我当前实现它的方式是在app.component.html中使用banner组件，如下所示：
<udl-banner></udl-banner>
<router-outlet></router-outlet>
它具有可观察的布尔值。通过服务将其设置为true时，将显示它。除非我打开了一个具有cdk-overlay类的全屏对话框，否则它几乎可以完美地工作。它的位置是固定的，因此不会压低内容，并且横幅隐藏在对话框的后面。有没有一种方法可以实现此目的，以便在显示通知横幅时将所有内容（无论其内容或样式）下推？