如何在图像上添加标签。在jquery mobile的图像的四个角落

Question

我正在使用 jQuery mobile。

我目前在页面中有一张图片。

我需要在图像上的4个角放置4个标签

如何在图像上的4个角设置标签。

Answer 1

HTML

<div class="imgContainer">
  <img src="imagepath" />
  <label class="label1">1</label>
  <label class="label2">2</label>
  <label class="label3">3</label>
  <label class="label4">4</label>
</div>

CSS

.imgContainer{
  position: relative;
}
.label1, .label2, .label3, .label4{
  position: absolute;
  left: 0;
  top: 0;
}
.label2{
  right: 0;
  top: 0;
}
.label3{
  left: 0;
  bottom: 0;
}
.label4{
  right: 0;
  bottom: 0;
}