title: Draggable background-image with background-size:cover
body: <p>I have a fixed div that contains an image as a background like this</p>
  <pre><code>&lt;div style='
       width:230px;
       height:230px;
       background-repeat: no-repeat;
       background-image:url(img/myimage.jpeg)
       background-size: cover;'&gt;&lt;/div&gt;
  </code></pre>
  <p>The image overlaps the div-box.
  The user should be able to drag the image and the new <strong>background-position:</strong> coordinates should be accessible somehow via jQuery just after the user releases the mouse. My aim is to create a very simple crap image effect just like in facebook:</p>
  <p><a href="https://i.stack.imgur.com/faQ84.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/faQ84.gif" alt="enter image description here" /></a></p>
  <p>How can I achive this? And is it even possible to show the overflowig background with background-size:cover?</p>