html - 拖放克隆对象背景

Question

我正在尝试用一个圆圈将 HTML5 拖放到另一个圆圈中。当我拖动圆圈时，它似乎具有可拖动对象的克隆（不透明度较小的圆圈）。当圆圈被包裹在具有背景颜色（在我的情况下为绿色）的容器中时，拖动的圆圈将获得它的背景，并且在拖动时它被一个绿色方块包围，该方块在其父容器中带有下划线。我的目标是能够拖动容器内的圆圈，但没有围绕它们的绿色方块。

这是我在 stackblitz 中的代码： https ://stackblitz.com/edit/angular-2skzxn

标签： htmlangulardrag-and-drop

Answer 1

正确答案在这里： https ://github.com/react-dnd/react-dnd/issues/788

简而言之- 这似乎是一个问题铬。要解决此问题，请将“transform: translate(0,0)”添加到您圈子的样式中：

.circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: red;
    transform: translate(0,0)
}