Javascript 拖动时去除半透明圆形css div中的背景色

我有一个圆形div，它被拖拽用于拖放操作。当我拖动这个div时，圆形div周围有一个半透明的正方形

我该如何摆脱它？

body{
    background : #BBD1DF;
}
.dragdemo {
    width: 170px;
    height: 170px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    background: green;
    color: #efe;
}
.bgcolor{
    background : transparent;
}

#coverup {
    background: white;
    width: 170px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}



<div class="bgcolor">
    <div id="drag-coveredup" class="dragdemo" draggable="true">drag me</div>
</div>

正文{
背景#BBD1DF；
}
德拉格德莫先生{
宽度：170px；
高度：170px；
线高：100px；
文本对齐：居中；
边界半径：50%；
背景：绿色；
颜色：#efe；
}
.bgcolor{
背景：透明；
}
#掩盖{
背景：白色；
宽度：170px；
高度：100px；
位置：绝对位置；
排名：0；
右：0；
z指数：2；
}
拖我

我尝试在圆形div周围放置另一个gif并使其透明，但没有成功

这是JSFIDLE链接-

但在我看来，这是不可能的

overflow:hidden

---

工作完成了

尝试

大纲：无

。另外，你的小提琴在任何浏览器中都不适合我。尝试使用jquerydraggable？

overflow:hidden