z-index：Kendo Popup与加载叠加

Question

我试图在异步AJAX调用期间显示加载覆盖，但我似乎无法在Kendo Popup上显示它。弹出窗口始终保持最佳状态。

<!-- Animation while loading -->
<div class="loading-overlay" style="display: none;">
    <i class="fa fa-fw fa-5x fa-refresh fa-spin"></i>
</div>

.loading-overlay {
   position: fixed;
   top: -50px;
   bottom: 0;
   left: -50px;
   right: 0;
   cursor: wait;
   z-index: 10000000000000000000000000000000;
   background-color: rgba(0,0,0,0.2);
   color: #3174ad;
   text-align: center;
   padding-top: 30%;
}

如何将动画放在首位？