Question

我将网格移动到弹出窗口。当我点击三个点时，我需要显示删除按钮
当它独自时，我能够看到删除按钮。
但是当我合并时，我看不到删除按钮。
你们可以告诉我怎么说它......
在下面提供我的代码和小提琴。
工作小提琴 http://jsfiddle.net/sureshatta/7brbws09/6/

<div id="grid"></div>
<div class="pai-del-menu">Delete</div>


<script id="delete-confirmation" type="text/x-kendo-template">
  kendoWindow.data("kendoWindow")
    .content($("#delete-confirmation").html())
    .center().open();

  $(document).on("click", "#playerDocumentOk", function(){
     pai_to_delete.remove();
 </script>

Answer 1

弹出窗口的z-index为z-index: 10011;，但您的.pai-del-menu仅为z-index: 999;。只需将其设置为10011以上即可。例如z-index: 10012;。

或者你可以动态设置它，我推荐这是因为我意识到z-index是动态设置的：

$('.pai-del-menu').css({
  left: pai_x,
  top: pai_y,
  zIndex: parseInt($('.k-window').css('z-index')) + 1
});

Answer 2

将z-index更改为99999，如下所示：

.pai-del-menu{
    padding: 4px;
    color: #000;
    border-radius: 5px;
    background-color: #eee;
    width: 80px;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    position: fixed;
    z-index: 99999;
    cursor: pointer;
}

当我结合时，我无法看到删除按钮

2 个答案: