Javascript 在图像中定位div

我使用的是引导，我想将5个div（5匹马）放置在一个图像（轨迹）中，该图像（轨迹）放置在引导面板中

这是图像：

这就是我想要的：

曲目本身必须是一个带有背景图像的div，如下所示：

<div class="maintrack"></div>

.maintrack{
    background-image: url("../img/track/main.jpg");
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.干线{
背景图片：url（“../img/track/main.jpg”）；
身高：100%；
背景重复：无重复；
背景尺寸：包含；
}

目前的赛道有一个问题，你可以在上看到，它下面有一个巨大的缺口

此外，绿色标记的5个div的背景中应该有一个马的图像

马匹和轨道都必须随窗口一起调整大小

我希望我写得很清楚，非常感谢您的帮助

---

谢谢，HTML图像不应该包含其他元素。您可以对div容器使用

position:absolute

。

您必须显示您已经尝试编程的内容，stackoverflow旨在解决您提出的问题，而不是从头开始解决整个项目。这是因为我已经卡住了，我确信css中的“height”参数是错误的欢迎使用Stack Overflow！这实际上是一个评论，而不是一个答案。我很感激你可能还没有足够的声誉留下评论，但请不要使用回答系统作为替代。获得声誉是相当容易的，只需要你一点点努力。谢谢