1.背景:如下图所示:左侧区域是三个可拖拽div,右侧是可拖拽区域,目标就是在可拖拽区域居中放一行提示文字,即:Drop to Here,且有元素拖入(左侧可拖拽元素落入右侧区域时,变为带有一个名称标签+输入框的div)时,可被覆盖;
2.解决方法:将提示文字设置为绝对定位,且设置z-index,其应小于落入元素的层次值,同时提示文字dropTips(类名),应相对于父元素dropArea(类名),因此需要增加样式如下:
.dropArea {
position: relative;
...
}
.dropTip {
position