如何停止 angular-material 组件与我的粘性导航栏重叠?

How to stop angular-material components overlapping my sticky navbar?

我使用普通 CSS3 创建了一个导航栏。但一些组件(如输入字段和按钮)是使用 angular material 创建的。 这里我的导航栏是粘性的。但是使用 angular material 创建的组件与我的导航栏重叠。

导航栏 css 是:

position: sticky;
top: 0;

在 css 中将导航栏的 z-index 设置为更大的值。

示例:z-index: 10