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

我试图使一个可拖动的div在拖动它的同时在所有其他对象上都可见

以下是我的jquery触摸穿孔代码：

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

---

我知道z-index只对具有位置的元素有效，所以我也向其他div添加了

position:relative

。但它只在我位于draggable元素的父div上时起作用。我使用了一个包含很多类的巨大css文件，因此我无法复制它的适当部分。

您不需要css中的ani位置，只需为helper创建一个自定义函数，将实际拖动的元素添加到包含drop元素的外部元素中即可

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

---

没有回答这个问题，但我很确定z-index在浏览器中被限制为32位有符号整数，因此999999999比2147483647大得多。显然，z索引是循环的，所以不要使用任何大于2147483647的数字：