如何将项目拖到提示上方？

Question

我正在尝试将列表中的项目拖到框中，但是我想在框中显示一个提示，即“在此处拖动材料”。如何将拖动的项目保持在提示上方，而不在翻转时捕捉到提示？

这是提示我的CSS

.drag-drop-prompt {
    display: flex;
    justify-content:center;
    color: gray;
    font-size:18pt;
    font-weight:lighter;
    vertical-align:middle;
    margin-top:90px;
    z-index: 0;
}

然后我显示列表中没有东西

<div class="drag-drop-prompt">
    <div class="drag-drop-icon">
         <i class="fa fa-lg fa-cloud-upload"></i>
     </div>
     <div>Drag & Drop Tasks Here</div>
</div>