Breadcrumps坚持在顶部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值的事情产生负面影响。然后你会遇到相反的问题，你的元素会在这些问题上呈现。

对于＆＃34;位置＆＃34;这是一个非常常见的问题。固定或抽象的元素。