Alertyfy 弹出出现在引导模型的背景中

Question

我有一个按钮，单击该按钮后，我将在引导程序模型中显示一个表单。我想要实现的是在表单提交时显示确认框。一切都很好，但确认出现在引导模型的背景中。

HTML

<div class="text-right">

    <button type="button" class="btn btn-primary waves-effect waves-light" data-toggle="modal" data-target=".bs-example-modal-lg">Notify Customer</button>

</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">

    <div class  ="modal-dialog modal-lg">

        <div class="modal-content">

            <div class="modal-header">

                <h5 class="modal-title mt-0" id="myLargeModalLabel">Notification Message</h5>

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>

            </div>

            <div class="modal-body">

                <form class="form-horizontal submit-notify" method="POST" action="{{route('backend.customers.notify', $customer->id)}}">

                    {{csrf_field()}}

                    <div class="form-group">

                        <label for="title" class="col-form-label">Title</label>

                        <div>

                            <input  type="text" name="title" class="form-control" required placeholder="Enter Notification Title"  value="@if(old('title')){{old('title')}}@endif" />

                        </div>

                    </div>

                    <div class="form-group">

                        <label for="message" class="col-form-label">Message</label>

                        <div>

                            <textarea  type="text" name="message" class="form-control" rows="5" placeholder="Enter Notification Message">@if(old('message')){{old('message')}}@endif</textarea>

                        </div>

                    </div>

我已尝试按照堆栈溢出和中等中的建议执行以下两个操作。

第一的

通过tabindex="-1"从模型中删除。

此处推荐：在引导模式不起作用时发出警报

第二

通过放置以下css：

.alertify-logs{

     z-index:999999 !important;

}

在我的情况下，这些都不起作用。会有什么问题。我正在使用 Laravel 框架。

Answer 1

最后对我来说是以下 css 技巧，javascript 没有问题，.alertify{&nbsp; &nbsp; z-index:999999 !important;&nbsp; &nbsp; margin-top: -50px;}alertyfy 弹出的主要 div 类是.alertyfy并在该 div 上添加 z-index 对我有用。

Answer 2

在搜索人员的情况下，最新的alertify 1.12.0 使用：.alertify-notifier&nbsp;{&nbsp;z-index:999999&nbsp;!important;&nbsp;}代替：.alertify&nbsp;{&nbsp;z-index:999999&nbsp;!important;&nbsp;}