Question

我正在尝试在我的应用程序中实现拖放，并希望识别带有文本的拖放区域，这些文本在添加项目时将消失。对于美学，我想在添加项目时使用animate.css在动画中的反弹，并在必要时淡入淡出文本，但是我似乎无法对其进行排列，因此背景文本不会干扰添加/删除元素的位置。

有关如何解决此类问题的任何想法？我找不到让z-index得到尊重的方法。我唯一的想法是将文本设置为放置区的背景图像，但感觉必须有更好的方法。

Answer 1

最后有人用AngularJS进行拖放。：）

你可以在github中制作并在完成后与我们分享吗？

在position:relative之外，position:absolute内回复您的问题。

.well {
  position: relative;
  min-height: 50px;
}
.background {
  position: absolute; 
  top: 0; 
  left: 10;
  margin-top: 15px;
}

为了使它成为一个指令，我认为有些css必须被指令逼迫。

Answer 2

从您的Plunk中，看起来背景文字并非绝对定位。因此，被丢弃的元素将在容器中流动。

您应该立即隐藏背景文字。 drop是Javascript dnd event。