如何停止 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
我使用普通 CSS3 创建了一个导航栏。但一些组件(如输入字段和按钮)是使用 angular material 创建的。 这里我的导航栏是粘性的。但是使用 angular material 创建的组件与我的导航栏重叠。
导航栏 css 是:
position: sticky;
top: 0;
在 css 中将导航栏的 z-index
设置为更大的值。
示例:z-index: 10