面包屑停留在顶部 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 正在呈现在您的面包屑元素（位置固定）之上。

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

通常这可以简单地通过将元素移动到页面较低的位置来解决，以便它在堆栈中显示在其上方的内容之后呈现。任意设置 z-index 通常不是一个好主意，因为这会对需要高 z-index 值的菜单下拉菜单和弹出窗口等产生负面影响。然后你会遇到相反的问题，即你的元素呈现在这些元素之上。

对于 "position" 固定或抽象元素来说，这是一个很常见的问题。

面包屑停留在顶部 laravel

Breadcrumps stick at the top laravel

css

php

breadcrumbs

laravel