我正在使用一个名为wavesurfer的波形显示/播放库。在下面创建的代码片段中，我呈现了两个这样的wavesurfer对象，并将其放置在“容器”类型的div元素中。我希望将自己的矩形放置在这些wavesurfer对象中的一个上，并使用JavaScript控制它的位置。

我的问题是我不想使用浏览器窗口引用的绝对坐标。我想使用基于wavesurfer对象内位置的相对坐标。此外，正如您所看到的，矩形并没有覆盖在波形上，即使我将其放置在同一个div容器中。

我是javascript新手，意识到这可能是一个关于在图片之类的东西上覆盖形状的非常基本的问题，但到目前为止，我还没有找到一个适用于我正在使用的波形对象的解决方案。

顺晟科技：

您可以用来获取所需元素的偏移量高度和左偏移量，根据这些值，您可以轻松地将任何元素相对于这些值定位。

如下所述： https://stackoverflow.com/a/a>