如何以原始尺寸显示此图像，但仅在特定元素中显示？

Question

以下是我目前正在使用的代码：http://jsfiddle.net/gEMCm/

我正在尝试使图像以其原始高度和宽度显示，但仅在特定元素（小提琴中的绿色边框）内可见，并且还使图像可移动，同时仍然只是在特定元素中可见。以我希望这种方式工作的方式的一个例子是Facebook让你设置个人资料图片的方式。当您在Facebook上将图像设置为个人资料图像时，它可让您移动图像并选择其可见的特定区域。我想做那样的事。

Answer 1

最好将图像设置为背景图像，然后使用背景位置样式/ css将图像对齐。至于能够移动图像，您是否搜索过现有的js文件？如果没有，你至少看过Facebook代码了吗？你可以通过挖掘facebook的js文件找到它。

Answer 2

Demo

将overflow: hidden;添加到包装器div。