JQuery使图像在div之外不可见

我试图在JQuery中创建一个滑块。在一个div中，我有两个图像在彼此的顶部。当按下右键时，我希望使基础图像从左开始，然后在另一个图像的顶部向右滑动。我使用此代码进行以下操作：

var position = $("#IMAGE1").position();
var width = position.left-1050;
$("#IMAGE1").css('left', width);
$("#IMAGE1").animate({"left": "+=1050px"}, "slow");

---

现在，我只希望图像中在div内部可见的部分，而不是在其外部可见的部分（因为div有一个边框，所以它看起来非常邋遢）。问题是，如何使用？

确保包含的div具有以下css样式：

position: relative;
overflow: hidden;

---

这应该可以解决问题。

只需添加css样式的

overflow:hidden到包含的div（确保它具有正确的宽度/高度设置）。“不工作”意味着什么，图像正在从包含的div中流出？在包含div的容器上是否有
position:relative
？div容器是div:absolute；图像也是如此（我必须将图像设置为绝对值，因为否则z索引不起作用），您需要
overflow:hidden
，正如cale_b在container div上所说的，容器需要是相对的。