面包屑粘在顶部的laravel

Question

我试图让我的面包屑坚持到顶部，但由于某种原因，当我尝试这样做时，它们之间存在间隙，如屏幕截图所示。当我向下滚动时，我现在拥有的面包屑能够粘到顶部。唯一的问题是只有差距。有人可以帮助我，非常感谢

屏幕截图：代码：

       <div class = "container" style=" position: fixed; left: 0; top:55px; width: 100%;">
          {{ Breadcrumbs::render('personal.edit',$id) }}
        </div>
    @section('content')

    <div class="container" style="background-color:#C0C0C0; padding-top: 60px; position: relative;">

//content
...
...

Answer 1

它看起来像一个z-index问题。 Z-Index类似于页面上的图层或元素的堆叠顺序。所以对我来说，它看起来像一个容器div在你的breadcrumbs元素（它被定位固定）之上呈现。

您可以通过将z-index:1000;添加到元素样式来测试它。

通常可以通过在页面中向下移动元素来简单地修复它，以便它在堆栈中显示在其上方的东西之后呈现。一般来说，任意设置z-index通常是一个坏主意，因为这会对菜单下拉和弹出窗口等需要高z-index值的事情产生负面影响。然后你会遇到相反的问题，你的元素会在这些问题上呈现。

对于“位置”固定或抽象元素来说，这是一个非常常见的问题。