Bootstrap v5.0 offcanvas 同时调用模态和offcanvas背景

Question

我正在处理 bootstrap v5.0 offcanvas。 一步到位，万事大吉。

当我点击 offcanvas 按钮时，我的页面似乎同时调用了 offcanvas-backdrop 和 modal-backdrop div

<div class="modal-backdrop fade show" bis_skin_checked="1"></div>
<div class="offcanvas-backdrop fade show" bis_skin_checked="1"></div>

导致此问题的原因是什么？

Answer 1

我想我遇到了同样的问题，但是在使用 Bootstrap 的类时：

Bootstrap 文档中的官方示例显示了褪色的画布......

<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom">Toggle bottom offcanvas</button>

<div class="offcanvas offcanvas-bottom" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasBottomLabel">Offcanvas bottom</h5>
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body small">
    ...
  </div>
</div>