ドラッグアンドドロップ機能を使用して、画像を他のdivにドラッグすると、画像のサイズが変更されます。以下のコードを参照してください。ただし、元の画像に対して左隅にサイズ変更されるため、カーソルと画像が別の場所にあるため、ユーザーが混乱します。画像のサイズを変更してカーソルに対する相対位置を維持する方法、またはカーソルを中央に置いて画像を中央に配置する方法はありますか?
これは私が今使っているCSSコードです:
.Skin .PGR .DragAndDrop .stack div ul li.stack span label {
width: 200px;
height: 255px;
}
.Skin .PGR .DragAndDrop .stack div ul li.stack span label img {
width: 200px;
height: 255px;
visibility: visible;
}
.Skin .PGR .DragAndDrop .stack .Group li.stack span.rank {
visibility: hidden;
}
.Skin .PGR .DragAndDrop .stack div.Group ul li span img {
width: 177px;