技術標籤：CSScss

1.背景：如下圖所示：左側區域是三個可拖拽div,右側是可拖拽區域，目標就是在可拖拽區域居中放一行提示文字，即：Drop to Here,且有元素拖入（左側可拖拽元素落入右側區域時，變為帶有一個名稱標籤+輸入框的div）時，可被覆蓋；

2.解決方法：將提示文字設定為絕對定位，且設定z-index，其應小於落入元素的層次值，同時提示文字dropTips（類名），應相對於父元素dropArea（類名），因此需要增加樣式如下：

.dropArea {
  position: relative;
  ...
}
.dropTip {
  position: absolute;
 

  left: 50%;
  top: 50%;
  tranform: translate(-50%, -50%);
  z-index: 100;
}
.dropItem {
  z-index: 200;//(若無效，增設一下position)
  ...
}

3.總結：能力有限，目前的話就想到這一個實現方法，不知各位大佬們是否有更好的實現方式呢？歡迎指點一二呀！！！謝謝！