Backpack 6.1搭配Tabler主题模态框遮罩层问题求助

环境信息 #

• Backpack 版本：6.1
• Backpack Tabler 主题初始版本：v1.0
• 曾尝试升级资源：引入@tabler/core@1.0.0-beta20的JS和CSS文件：

  @basset('https://unpkg.com/@tabler/core@1.0.0-beta20/dist/js/tabler.min.js')
  @basset('https://unpkg.com/@tabler/core@1.0.0-beta20/dist/css/tabler.min.css')
  

问题详情 #

使用模态框时遇到遮罩层相关异常问题，尝试过以下方案但效果不理想：

• 将modal-backdrop的z-index修改为-1
• 调整模态框元素的z-index为100
• 升级Tabler核心资源到1.0.0-beta20版本

模态框HTML代码 #

<a href="#" class="btn" data-bs-toggle="modal" data-bs-target="#modal-large">
    Large modal
</a>

<div class="modal modal-blur fade" id="modal-large" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Large modal</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti
                dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit
                tempora totam unde.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn me-auto" data-bs-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Save changes</button>
            </div>
        </div>
    </div>
</div>

恳请各位提供技术解决方案。

内容的提问来源于stack exchange，提问作者Fatih Toprak