Php 如何显示已标记的多个图像

Iam使用图像标记并在标记图像后，Iam将其位置x和y存储在DB中。在显示带有标记的单幅图像时，它将显示正确的位置，如

foreach($images_data as $img) {
     <img src="<?=$img['img']?>">
    <div class="tag" style="top:<?=$img['x']?>;left:<?=$img['y']?>;width:10px;border:1px solid red;"></div>
}

foreach（$images\u数据为$img）{
">
尝试在相对定位的容器中关闭它，如下所示：

<div class="container">
    <img class="image"/>
    <div class="tag">Text</div>
</div>
<div class="container">
    <img class="image"/>
    <div class="tag">Text2</div>
</div>


正文
文本2

你在这把小提琴里看到的HTML和CSS
我在这里没有看到任何JavaScript/jQuery代码。顺便说一下，多个相同的ID是个坏主意。关于绝对定位和
top
：第二个图像（或其标记）有什么问题显示？您也应该提供呈现的HTML。@Regent我只是对HTML进行了采样，是的，它不是一个IDB类，但您能展示一下这个HTML代码最终的样子吗？太棒了。我没想到这会奏效，但神奇地做到了。谢谢，老兄