Bootstrap（在 Laravel 上）- Header 下拉菜单在一页上变得透明

Question

我尝试布局的其中一个页面似乎有问题。我实现了 FullCalendar 并将其添加到我的 pages/views 之一，我现在注意到我的 header 下拉菜单覆盖在日历开始的位置之上 - 下拉菜单不是 opaque/forced 覆盖底层内容，就像它在所有其他页面上一样。附件是正在发生的事情的例子。

有什么想法吗？如果我应该发布我的 CSS 让我知道。这是 FullCalendar 和 Bootstrap 的默认设置，没有任何修改。

这里是视图 HTML/classes 应用于它未绘制的内容 'over/on top of':

@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

Bootstrap（在 Laravel 上）- Header 下拉菜单在一页上变得透明

Bootstrap (on Laravel) - Header dropdown becomes transparent on one page

css

opacity

twitter-bootstrap

dropdown