Javascript jQuery scale函数不工作

我有一些代码可以让图像变小，直到它从屏幕上消失。如果图像位于

div

中，它将无法正常工作。如果我把它从

div中取出来

就可以了

但是，我需要它在

div

中工作。我怎样才能解决这个问题

如果

img

不在

div

中，但当它拧紧时，代码工作正常

setTimeout(function(){
    $("#thrid").show('fast').animate({
    top : '-=-300',
    width: 0,
    height: 0
        },
        {duration: 1000});
},2000);

CSS:

HTML:

这就是它对

div的作用：

这就是我想要它做的：
尝试将img的宽度和高度设置为100%：

#city2 img {
    height: 100%;
    width: 100%;
}

尝试将img的宽度和高度设置为100%：

#city2 img {
    height: 100%;
    width: 100%;
}

图像重新显示，因为div溢出仍然可见

#city2 {
  display: none;
  overflow: hidden;
  position: absolute;
}

图像重新显示，因为div溢出仍然可见

#city2 {
  display: none;
  overflow: hidden;
  position: absolute;
}

我刚刚试过你的例子(http://jsfiddle.net/will_moore/g6fYT/)这对我来说似乎还不错，即使是在div的情况下

我猜你有一些与div相关的样式，这些样式会导致问题。我不知道你的-=-300在做什么。你是说'-=300'吗？.
我刚刚试过你的例子(http://jsfiddle.net/will_moore/g6fYT/)这对我来说似乎还不错，即使是在div的情况下

我猜你有一些与div相关的样式，这些样式会导致问题。我不知道你的-=-300在做什么。你是说'-=300'吗？.
当你说它搞砸了。。。什么意思？你能做一个JSFIDLE来展示你的经历吗。。。或者请发布html的上下文。我会发布css和html，但我不认为这会有多大作用，我不知道如何解释它，但基本上它会下降300像素，然后它会消失，但不是它的本意，然后它又死灰复燃。这没关系，它仍然会提供一些上下文，你想做什么。一、 或者其他人，可能能够预测您想要传达的内容。：）好的，编辑了它，我添加了一些例子，当你说它搞砸了。。。什么意思？你能做一个JSFIDLE来展示你的经历吗。。。或者请发布html的上下文。我会发布css和html，但我不认为这会有多大作用，我不知道如何解释它，但基本上它会下降300像素，然后它会消失，但不是它的本意，然后它又死灰复燃。这没关系，它仍然会提供一些上下文，你想做什么。一、 或者其他人，可能能够预测您想要传达的内容。：）好的，编辑了它，我添加了一些例子