Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何阻止角材质组件与我的粘性导航栏重叠?_Css_Angular_Angular Material_Angular7 - Fatal编程技术网

Css 如何阻止角材质组件与我的粘性导航栏重叠?

Css 如何阻止角材质组件与我的粘性导航栏重叠?,css,angular,angular-material,angular7,Css,Angular,Angular Material,Angular7,我使用普通CSS3创建了一个导航栏。但有些组件,如输入字段和按钮,是使用角度材质创建的。 这里我的导航条很粘。但使用角度材质创建的组件与导航栏重叠 导航栏css是: position: sticky; top: 0; 在css中将导航栏的z索引设置为更大的值 示例:z-index:10在css中将导航栏的z-index设置为更大的值 示例:z索引:10

我使用普通CSS3创建了一个导航栏。但有些组件,如输入字段和按钮,是使用角度材质创建的。 这里我的导航条很粘。但使用角度材质创建的组件与导航栏重叠

导航栏css是:

position: sticky;
top: 0;
在css中将导航栏的z索引设置为更大的值

示例:z-index:10

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

示例:z索引:10