在div外拖动时防止对象可见

Question

我想知道如何阻止对象在div外拖动时可见。以下是我的问题：http://jsfiddle.net/thomaslefeuvre/zAWMX/。

当对象被拖动到div的边缘时，我想要达到这种效果： http://i.stack.imgur.com/W7f4H.png

我知道如何使用iframe来实现此效果，但由于我的javascript需求，我认为使用此方法并不实际。我还应该注意，我不希望滚动条放在容器div上。

有没有办法通过CSS实现这一点，例如使用z-index？

我试过玩这个但是没有走得太远。

Answer 1

由于对象正在移动到容器的区域之外，因此您需要将overflow：hidden添加到#container。这会隐藏超出父元素限制的任何内容。我已更新您的示例：http://jsfiddle.net/zAWMX/1/