我在容器 div 中有一个子 div,容器 div 旋转了 30 度,子 div 是一个可拖动元素。但拖动行为不正确。
html:
<div id="container" class="r30">
<div id="child"></div>
</div>
CSS:
#container {
width: 300px;
height: 300px;
background-color: yellow;
}
#child {
width: 200px;
height: 200px;
background-color: black;
}
.r30 {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
}
js:
$("#child").draggable();
或jsfiddle:http: //jsfiddle.net/wuminzhe/GEruH/