ブレッドクラムを上部に貼り付けようとしていますが、何らかの理由でそれをやろうとすると、スクリーンショットのように間に隙間ができます。今私が持っているブレッドクラムは、私が下にスクロールするとトップにくっつくことができます。唯一の問題はギャップだけです。 コード:誰かが、ここのおかげでたくさんブレッドクランプは上部に貼り付けます。ラベラー
スクリーンショットを手伝ってくれる
<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
...
...
Z-Indexingは、それがどのように見えるかです。それはページの別の要素の後ろにあります。それをテストするには 'z-index:1000;'を入れます。後者の固定要素をページに追加する方が良いのです。なぜなら、ページの上に積み重ねられないからです。 – ArtisticPhoenix
最初のブレッドクラムに余白が残っている可能性があります。最初のコンテナの背景色を変更すると、ギャップがないことがわかります。背景を追加してみてください。スタイルには青があります。また、上で述べたように、Z-インデックスを変更する必要があります。 – iSZ
@ArtisticPhoenix z-indexingは機能しますが、私はそれが何をするのでしょうか?私はそれほど多くの人がそれについて話すことは全く見たことがありません – blastme