Bootstrap（在Laravel上-页眉下拉列表在一页上变得透明

Question

我似乎在尝试布局的其中一个页面出现问题。我实现了FullCalendar并将其添加到我的页面/视图之一中，现在我注意到当标题覆盖在日历开始位置的顶部时，标题下拉菜单-下拉菜单不是透明的/不是像下面的内容一样被强制覆盖它在所有其他页面上。附件为正在发生的事。

有什么想法吗？如果我应该发布我的CSS，请告诉我。这是FullCalendar和Bootstrap的默认设置，未进行任何修改。

这里是视图HTML /类，它们应用于未在其上方/上方绘制的内容：

@section('content')
@include('layouts.headers.cards')
<div class="container-fluid mt--7"> 
    <div class="row">
        <div class="col">
            <div class="card shadow">
                <div class="card-header border-0">   
                        <div class="col-14">
                            <div id='calendar'></div>  
                        </div>
                </div>
            </div>
        </div>
    </div>
    @include('layouts.footers.auth')
</div>
@endsection

Answer 1

#calendar{
  z-index: 999999;
  position: relative;
} 

<

读取：https://www.w3schools.com/cssref/pr_pos_z-index.asp