时间戳

首页 > 解决方案 > 将工具栏放在 Angular/HTML 中的页面前面？

html - 将工具栏放在 Angular/HTML 中的页面前面？

问题描述

我试图将工具栏带到页面的前面，这样当我在页面上向下滚动时，页面上的元素不会覆盖工具栏。但是，到目前为止，页面上的元素就是这样做的。

这是工具栏的 CSS：

.maintoolbar.mat-toolbar.mat-primary {
    background-color: rgba(0,0,0,.7);
    height: 60px;
    padding: 20px;
    position: fixed;
    top: 0;
    z-index: -1;
}

Z-index 似乎没有做任何事情。有没有更好的方法将工具栏放在前面，这样向下滚动不会导致工具栏被页面上的其他元素覆盖？

标签： htmlcssangularangular-material

解决方案

可能就像将“位置”样式类的 z-index 更改为“1”->“z-index: 1”一样简单，因为“-1”将引用的元素更靠内地放置在页面上/其他元素的后面。

编辑：哈，在我回答的同时回答了你自己的问题，很高兴你弄清楚了。

  • 德鲁

推荐阅读