Javascript JQuery将两个IMG设置为与另一个相同的位置

我一直在尝试使用jquery

.position（）

和

.css（）

将

img

设置在与另一个相同的位置

代码如下：

function setImgsToSamePosition() {
    var position = $('#img1').position();
    $('#img2').css({ 'left': position.left + 'px', 'top': position.top + 'px' });
    $('#img3').css({ 'left': position.left + 'px', 'top': position.top + 'px' });
}

$(document).ready(function () {
    // Set imgs pos to be equal to img1 pos
    setImgsToSamePosition();
})

---

有什么想法吗？

您可以通过这种方式重叠图像。我将位置设置为

fixed

，然后为其他两个图像设置left和top值。我不完全确定你为什么想要这个；因此，如果不是期望的结果，只需评论即可

函数setImgsToSamePosition（）{
变量位置=$（'#img1'）。位置（）；
$（'img2，'img3'）.css（{'left'：position.left+'px'，'top'：position.top+'px'）；
}
$（文档）.ready（函数（）{
//将imgs pos设置为等于img1 pos
setImgsToSamePosition（）；
})

img{
宽度：100px；
高度：100px；
边框：1px纯黑；
}
#img1、img2、img3{
位置：固定；
}
#img1{
左：50px；
顶部：50px；
}

---

用于以这种方式翻译元素 位置：相对位置；

---

左：20px我不知道你到底在干什么，但我刚刚更正了你的代码。

$（函数（）{
变量位置=$（'#img1'）。位置（）；
var x=$（“#img2”）.position（）；
$（“#pos”）.text（“顶部：+x.top+”“+”左：+x.left”）；
$（'img3'）.css（{'left'：x.left+'px'，'top'：x.top+'px'）；
});


在
功能之前删除
$
<代码>函数
是一个关键字。我确实删除了。仍然不工作。。。