我正在尝试创建一个垃圾桶，在您将一些物品放在那里之后，您可以简单地打开它并将任何已丢弃的物品拖放到垃圾桶外。
我设置的方式是，我的 Web 应用程序有一个垃圾桶图标，我在其中放置项目，然后单击垃圾桶会打开一个带有已删除项目的框，并淡入黑色透明背景，从而掩盖其他所有内容，因此您只需专注于垃圾桶盒子。
代码本质上是
<div id="background"></div>
<div id="trashcanContainer">
<ul id="items">
<li>item1</li>
<li>item2</li>
</ul>
</div>
背景 CSS 设置为固定位置和 100% 宽度和高度，并设置为可放置。问题是，当我从垃圾桶中拖出一些东西并将其放在背景上时，即使我将它放在垃圾桶顶部，它也会被删除。基本上，即使我定义了一个高于背景的 z-index，jQuery 也不知怎么理解垃圾箱容器 div 位于背景 div 的顶部（因此不是可放置的一部分）。
有什么办法可以使这项工作？