的JavaScript/CSS背景定位/拖

我與此代碼的工作：的JavaScript/CSS背景定位/拖

<div style="width: 150px; height: 125px; background: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 7px; border: 1px solid #999; cursor: pointer;"> 
    <div style="width: 100%; background: url(IMAGE NAME) no-repeat; cursor: pointer; background-position: center; background-size: 170px; height: 125px;"> 
    </div> 
</div>

我想讓它使用戶可以定位自己的照片，以確切的點，而不必再節省圖像的副本。我知道你可以製作一個可拖動的元素，讓你拖動背景，只是不確定如何。

有人可以幫我嗎？

來源

2012-04-13 Jake

您發佈了兩個div的代碼和一個不明確的問題。在一分鐘內如何獲得兩個upvotes？ – j08691 2012-04-13 20:16:07

問題是，我該如何做到這一點，所以我可以將背景位置拖到我想要的位置。我認爲這很容易理解。對不起，我的無知。 – Jake 2012-04-13 20:27:46

<script> 
    $(function() { 
    $("#draggable_parent").draggable(); 
    }); 
</script> 
<div id="draggable_parent" style="width: 450px; height: 450px; background: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 7px; border: 1px solid #999; cursor: pointer;"> 
    <div id="draggable" style="width: 184px; background: url(IMG_URL) no-repeat; cursor: pointer; background-position: center; border:1px solid; background-size: 170px; height: 125px;"> 
    </div> 
</div>

我編輯了代碼，使用上面的代碼，外部div將移動。

來源

2012-04-13 20:37:55

不完全;即時通訊尋找一種方式來拖動背景定位。 – Jake 2012-04-13 21:12:01

所以你想要移動父div？我很抱歉，但我只是想了解你想達到的目標。 – 2012-04-13 21:32:31

第一個div的背景位置，我希望能夠通過拖動來移動它。 – Jake 2012-04-13 21:34:28

的JavaScript/CSS背景定位/拖

回答

相關問題