拖放应用负面位置

Question

我正在进行拖放操作，当您将对象拖动到可放置区域时，对象将被赋予您在负区域中作为负向定位的移动运动。

为了说明这一点，我把这个JSFiddle放在一起，你可以把一只可爱的狗放到提供的景观中来说明我的问题。 使用的代码如下：

//DRAG & DROP
$(document).ready(
    function() {
      var a = 3;
      $('.drag').draggable({
        revert: 'invalid',
        cursor: 'move',
        //containment: '#drop',
        start: function(event,ui) { $(this).css("z-index", a++)}
      });

      $('#drop').droppable({
        accept: ".drag",
        drop: function(event, ui) {
          console.log(this);

          //$(this).addClass('dropped'),
          $(this).append(ui.draggable);
        }
      });
});

我已经对她做了很多关于纠正这个问题的方法的阅读，其中许多似乎属于包含变量错误，但遗憾的是我没有幸运地在这里对我自己的设置实施这些修复。 需要注意的一点是，我使用HTML2CANVAS导出此#drop区域的镜头，因此我必须确保移动的项目在物理上位于空间中。 任何建议，将不胜感激。

提前致谢！

Answer 1

更新; 我能够通过强制绝对定位来解决这个问题。 没有响应，但我不是100％肯定我需要它为这个实例。