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{

    z-index:999999 !important;

    margin-top: -50px;

}

alertyfy 弹出的主要 div 类是.alertyfy并在该 div 上添加 z-index 对我有用。

Answer 2

在搜索人员的情况下，最新的alertify 1.12.0 使用：

.alertify-notifier { z-index:999999 !important; }

代替：

.alertify { z-index:999999 !important; }