所以让我先举个例子，我正在创建一个索引页面，它有css，在id-content：：before中有一些深色背景过滤器，它有z-index：实际的-1\f2 id-content with background-image -1\f6具有-1\f2 z-index：1 -1\f6，它按预期工作，但是当使用具有默认值-1\f2 z-index：40和z-50的模态主体它在z-40之前首先排序z-50，所以我现在不确定如果我删除z索引该怎么办：id内容中的1部分模态工作得非常好。
这里是目前为止代码

#content.custom-bg {
      position: relative;
      z-index: 1;
    }
    #content.custom-bg::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.85);
      z-index: -1;
      background-blend-mode: multiply;
    }
    #content {
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
      min-height: 100vh;
      background-image:'example.png';
    }

<section id="app">
  <div id="content" class="p-4 custom-bg">
    <div class="sm-max:mt-21 mt-6">
    @yield('content') <- there s' modal inside this. [just basiclly laravel]
    </div>
</section>

flowbite默认css的模态背景我知道到目前为止：
"背景-灰色-900背景-不透明度-50深色：背景-不透明度-80固定插图-0 z-40"，
和模态体
'固定顶部-0左-0右-0 z-50隐藏w-完全p-4溢出-x-隐藏溢出-y-自动md：inset-0 h-模态md：h-完全'
因此，据我所知，z索引的当前顺序是：-1（从：：之前）-〉1（id-内容）-〉40（flowbite-模式-bg）-〉50（flowbite-模式-主体），但看起来我得到了：-1-〉1-〉40-〉1还是-1-〉1-〉1-〉40 [我不太确定rn。]
我只是不希望模态和背景图像互相冲突。
为我糟糕的英语道歉