javascript - 画像にラベルを追加する方法。jquerymobileの画像の四隅に

Question

私はjQuerymobileを使用しています。

現在、ページに画像があります。

画像の四隅に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;
}