Javascript 调整大小时，如何将一个图元相对于另一个图元放置在特定点上

我在stackoverflow上尝试了这里提到的几个其他代码，所有代码都在特定位置和特定距离下工作。我试图使用MAP>AREA标签，但找到的插件无法继续调整大小，将该点完全排除在图片之外

需要将元素放置在图像上的特定点上。 换言之，当我调整浏览器的大小时，图像将缩小，并且该点必须保持在他所在的位置

请看三幅图像的示例：
1-并指向正确的位置
2 - . 这里已经开始失去
3 - . 这里现在很不对劲

我目前正在使用此代码：

$('.btParede').css("top", ( $('.imageBox').offset().top + 200 ) + "px"); 
$('.btParede').css("left", ( $('.imageBox').offset().left + $('.imageBox').width() - 400 ) + "px");

在不丢失特定点的情况下调整另一个图元的大小时，相对于该图元有一个更特定的位置

谢谢

****我忘了提到这个****

我使用“fitToParent”来缩放、重新加载和维护文档中图像的纵横比

下面是另一个例子，在调整大小时效果很好，但在重新加载时，会弄糟。。有人经历过这个吗？以一种方式工作，而不是另一种方式

---

再次感谢

首先，为什么不在CSS中这样做呢？第二，你应该使用百分比，除非你能计算出叠加图像的X和Y的确切比例，否则没有办法使这项工作与像素和有一个重新调整大小的图像。试着用top:x%和left:x%玩游戏。对不起，我不应该说不可能。您可以通过媒体查询来实现这一点，并为多个不同的背景大小设置覆盖图像的精确位置。这可能不是一个好的解决方案，因为这样你就必须在BG图像改变大小的地方设置特定的断点，而不仅仅是流畅地重新调整大小。尝试使用CSS，并且百分比仍然落在特定点之外，越小，情况就越糟。如果重新加载页面，它会变糟。如果你能用提琴或密码笔重新创建页面，肯定需要大量的尝试和错误。我会尝试看一看。看到这个几乎完美的例子调整大小时效果很好，但重新加载时。。。把它搞砸。。我忘了提到我使用“fitToParent”来缩放、重新加载和维护文档中图像的纵横比