Javascript 将可拖动元件移到后面

我有一个可拖动的元素和一个z指数更高的不可拖动的元素。如果我把可拖动的拖到不可拖动的上面，它就会消失在后面，这很好

但是现在我希望仍然能够拖动该元素，即使它在另一个元素后面。但这是行不通的，当可拖动的在不可拖动的后面时，它就会卡在那里

$（'#draggable'）.draggable（{stack:'span'}）
#可拖动{
颜色：白色；
背景色：黑色；
z指数：50；
}
#元素
{
宽度：100px；
高度：100px；
背景色：rgb（0,0,255,0.5）；
z指数：100；
位置：绝对位置；
}

拖我
添加CSS属性
指针事件：无会导致所有事件处理程序不会触发对象本身，而是触发后面的对象


$（'#draggable'）.draggable（{stack:'span'}）
#可拖动{
颜色：白色；
背景色：黑色；
z指数：50；
}
#元素
{
宽度：100px；
高度：100px；
背景色：rgb（0,0,255,0.5）；
z指数：100；
位置：绝对位置；
指针事件：无；
}

拖我
添加CSS属性
指针事件：无会导致所有事件处理程序不会触发对象本身，而是触发后面的对象


$（'#draggable'）.draggable（{stack:'span'}）
#可拖动{
颜色：白色；
背景色：黑色；
z指数：50；
}
#元素
{
宽度：100px；
高度：100px；
背景色：rgb（0,0,255,0.5）；
z指数：100；
位置：绝对位置；
指针事件：无；
}

拖我