Framework7网格中图像上方的文字

Question

我在网格中有一系列图像：

<div class="row home">
   <div class="col-20 ">
     <img class="icon" alt="icon" src="icon/blue.png" />
   </div>
  <div class="col-20">
    <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
  <div class="col-20">
    <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
  <div class="col-20">
     <img class="icon" alt="icon" src="icon/blue.png" />
  </div>
</div>

我想在每个图像上覆盖一些文本（以编程方式，而不是图像编辑问题）。我尝试了Google建议的各种方法，但是没有用。 关于如何覆盖文本的建议将不胜感激。