javascript - 即使在具有位置的 div 上，css z-index 属性也不起作用

Question

我试图在拖动时使可拖动的 div 在其他所有内容上可见。

这是我的jQuery触摸打孔代码：

$('#draggable').draggable({
  zIndex: 99999999999,
  drag: function(event){...},
  helper: 'clone',
  position: 'absolute',
  owerflow: 'hidden'
})

我知道 z-index 仅适用于具有位置的元素，所以我也添加position:relative到其他 div 中。但它仅在我位于可拖动元素的父 div 时才有效。我使用了一个包含很多类的巨大 css 文件，所以我无法复制它的正确部分。

Answer 1

您不需要 css 中的 ani 位置，只需为帮助程序创建一个自定义函数，您可以在其中将实际拖动的元素添加到包含您的放置元素的外部元素中。

$('#draggable').draggable({
  zIndex: 20,
  drag: function(event){...},
  helper: function(){
    $("#outerElement").append($("#draggable").clone().attr('id', 'itWorks'))
    return $("#itWorks");
  },
})