Javascript 拖动CSS旋转的div

我正在创建一个拖放实用程序，允许您在网格中拖放、旋转和旋转一些“立方体”。每个立方体有六个面，可以在它们之间切换，我使用的是一个背景图像，并在CSS中重新定位。这一切都很好，但是如果元素在CSS中旋转，那么当我拖动它时，被拖动的克隆（如果它被称为）显示为未转换

我在这里上传了一个简单的JSFIDLE:-我把代码放在这里：

CSS

HTML

如果我遗漏了什么，请告诉我，并提前感谢！

---

本

你漏掉的是问题本身中的一个问题。谢谢你，罗布-我是第一次在SO上发帖！要我把JSFIDLE的内容放在这里吗？除非另有建议，否则我会这么做。

.cube0 {
  width: 128px;
  height: 128px;
  position: absolute;
  display: inline-block;
}
.cube1 {
  width: 128px;
  height: 128px;
  top: 128px;
  position: absolute;
  display: inline-block;
  transform:rotate(90deg); 
  -webkit-transform:rotate(90deg); 
  -moz-transform:rotate(90deg); 
  -o-transform:rotate(90deg);
}

<div class='cube0' id='cube0' style='background-image: 
url("http://media9.cagd.co.uk/835/1818706_5c3742f.gif");' 
draggable='true'></div>
<div class='cube1' id='cube1' style='background-image: 
url("http://media9.cagd.co.uk/835/1818706_5c3742f.gif");' 
draggable='true'></div>