j查询缩放函数不起作用

Question

我有一些代码应该使图像变小，直到它从屏幕上消失。如果我在div中有图像，它将无法正常工作。如果我把它从div中取出，它会正常工作。

但是我需要它在div中工作.我该如何解决这个问题？

如果img不在div中，则代码工作正常，但是当它是时，它会搞砸。

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

.CSS：

#thrid{
    display:none;
    position:absolute;
    left: 592px;
    top: 160px;
}

.HTML：

<div id="thrid">
    <img src="images/thrid.png" alt="thrid">
</div>

这是它对div的作用：http://jsfiddle.net/xMV5Q/3/

这就是我希望它做的：http://jsfiddle.net/xMV5Q/1/

Answer 1

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

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

Answer 2

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

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

Answer 3

我刚刚尝试了您的示例（http://jsfiddle.net/will_moore/g6fYT/），即使使用div，它似乎也可以正常工作。

我猜你有一些与div 相关的样式导致问题。我不明白你的 -=-300 在做什么。你不是说"-=300"吗？