Jquery 如何在图像背景上固定一个按钮，并在调整大小时将其保持在那里？

我想实现的是在我的网站上为人们的脸添加一个标签。我知道imagemap属性，但问题是主Div的背景必须设置为“cover”。但是当窗口调整大小时，按钮的坐标保持不变，因此面当然会变小，而按钮会覆盖错误的人

我试图找到一个方法，但没有想到如何完成这件事。 谢谢

示例代码：

    var box1Top = 200;
    var box1Left = 400;
    var oldWindowWidth = $('body').width();
    var oldWindowHeight = $('body').height();

    $(window).resize(function() {


    var newWindowWidth = $(window).width();
    var newWindowHeight = $(window).height();


    box1Left =  newWindowWidth * 400 / oldWindowWidth;
    box1Top =  newWindowHeight * 200 / oldWindowHeight;

    $('#box').css({left: box1Left, top: box1Top});

    console.log(box1Left + "w" + newWindowWidth);


    // location.reload();
    });

---

只需按百分比设置坐标。

@aaronburrows我使用坐标和图像地图设置了所有按钮，但当我缩放窗口时，背景当然会变小，而按钮保持在原始坐标中，因此它们会覆盖错误的人。我尝试过做一些计算，并重新定位图像贴图（按钮），但没有succes@edmond-tamas-在这里发布代码或添加fiddle链接非常重要。您的问题不够强，无法获取答案，因此请在您的问题开始获得-ve评级并吸引

暂停

状态之前尽快添加代码。@PralhadNarsinhSonar我已更新了问题并添加了我使用的代码。在这里，我试图重新定位按钮（框）的大小。这并不能回答这个问题。要评论或要求作者澄清，请在他们的帖子下方留下评论——你可以随时在自己的帖子上发表评论，一旦你有足够的评论，你就可以发表评论。”这并不能回答“你为什么这么说？不必回答这个问题，不如干脆否决一个被接受的答案？”P