将div放在图像中

Question

我正在使用 bootstrap ，我想将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;
}

此刻目前的曲目存在问题，你可以在http://infrox.us.lt/csgohorses/看到它，它下面有这么大的差距..

另外，绿色标记的5个div应该在背景中有马图像。

马匹和赛道必须与窗户一起调整大小。

我希望我写清楚，任何帮助都非常感谢。

由于

Answer 1

HTML图像不应包含其他元素。您可以将position:absolute用于div容器。