Javascript 防止图像被放置在另一个图像上

我有一个

div

，其中保存了一些图像，另外两个

div

最初是空的。我希望能够在3个div之间拖放图像，但不会相互覆盖

除了覆盖部分，我的一切都正常工作：如果您将图像放到未填充的div区域中，它只会将其添加到末尾。
但是，如果您将图像放在另一个图像的顶部，它将只显示已删除的第一个图像（第二个图像消失）

---

是否可以防止图像被放置在其他图像之上，而只将它们附加到div中？

可以为此设置一个对象属性。你可以应用什么可以放在哪里，什么不可以放在哪里的规则。你可以为这个规则设置一个类，我认为结合“容差”设置，可以满足你的需要

如果这不符合您的需要，那么您可能只想为该任务排序