我试图在jquery中同时设置动画和缩放图像，但无法将图像设置为精确的顶部和左侧位置

我需要更改它的顶部和左侧位置，但每次我这样做时，图像都会设置动画并缩放到固定位置，而不是给定位置。尝试更改js的顶部和左侧，图像不会在其他位置设置动画到所需位置。看起来css或html可能是错误的。请帮帮我

$（文档）.ready（函数（）{
$（“#徽标”）。设置动画({
左:500,，
前100名，
高度：“50px”，
宽度：“100px”，
}, 2000)
});
正文{
字体系列：“Helvetica Neue”，Helvetica；
宽度：90%；
字号：200；
字母间距：1px；
保证金：25px自动0自动；
背景：rgb（234235235）；
颜色：rgb（25,25,25）；
}
分区，p{
保证金：0自动；
}
p{
颜色：rgb（125125125）；
字体大小：0.85rem；
文本对齐：居中；
边缘底部：17px；
}
div{
溢出：隐藏；
}


刷新此页面以重新运行演示。

您应该在图像样式中添加
位置：相对

img {
    position:relative;
}


如上所述：

方向属性（顶部、右侧、底部、左侧）没有可识别的属性
如果元素的“位置样式”属性是静态的，则会对其产生影响
这是默认的

更新

正如评论中指出的，图像消失了。这是因为div元素包含一个
溢出：hidden
属性。当图像溢出包含它的div时，它将被隐藏。您应该对属性进行注释，以使图像始终可见

div {
  /*overflow: hidden;*/
}

您是否还想更改图像的大小（设置动画）。是的，我也想更改图像的大小我确实应用了相对位置，但我的实际图像不同，即它是png中的一个巨大图像。因此，当我应用相对位置，然后给出顶部和左侧时，图像被隐藏。我需要动画和缩放它，而不是减少到看不见。请给出建议。请查看我的最新答案，并让我知道它现在是否有效。